.videotags {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px}
.videotags li{border:1px solid #ccc;padding:10px 20px;cursor:pointer;font-size:var(--fontsize17)}
.videotags li.active,.videotags li:hover{background:var(--color);color:#fff;border-color:var(--color)}
.videoitem {display:none}
.videoitem.active{display:block}
@media (max-width:768px){.videotags{justify-content:space-between;gap:15px 2%}
.videotags li{width:32%;text-align:center;display:flex;align-items:center;justify-content:center}}
@media (max-width:550px){.videotags{gap:10px 4%;margin-bottom:30px}
.videotags li{width:48%;line-height:1.3;padding:10px;font-size:var(--fontsize16)}}