The Every Village Project

.video-buttons {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px 12px;
}

.video-buttons button {
width: 100%;
min-height: 34px;
padding: 8px 10px;
border: 1px solid #888;
background: #eee;
border-radius: 2px;
cursor: pointer;
line-height: 1.2;
}

.video-buttons button.is-active {
font-weight: 700;
}

@media (max-width: 980px) {
.video-buttons {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 600px) {
.video-buttons {
grid-template-columns: 1fr;
}
}