.contenedor-clips{
width: 760px;
display: grid;
grid-template-columns: 50% 50%;
margin-top: 25px;
margin-bottom: 25px;
}
.iframe-video-clips{
width: 100%;
max-width: 400px;
height: 200px;
border-radius: 18px;
}
.iframe-video-clips2{
width: 100%;
max-width: 400px;
height: 254px;
border-radius: 18px;
}
.caja-clips{
width: 100%;
margin: auto;
}
.caja-btn-clips{
display: flex;
flex-direction: column;
row-gap: 5px;
margin: auto;
}
.caja-btn-clips button{
background: #224b28;
border: 1.3px solid #3a6841;
border-radius: 12px;
cursor: pointer;
}
.caja-btn-clips button:hover{
border: 1.3px solid #83a588;
}
.btn-design{
width: 100%;
max-width: 360px;
height: 60px;
text-align: left;
padding: 10px 10px;
color: #c0e6bd;
font-family: 'SemanaSans-Light', sans-serif;
font-size: 15px;
line-height: 19px;
font-weight: 300;
}
.active {
background-color: #417849 !important;
color: #fff;
}
.desactive{
display: none;
}
@media(max-width: 768px){
.contenedor-clips{
width: 100%;
grid-template-columns: 100%;
margin-top: 0px;
}
.caja-btn-clips{
margin-top: 20px;
}
.iframe-video-clips2{
height: 160px;
}
.iframe-video-clips{
height: 160px;
}
.caja-clips{
display: flex;
justify-content: center;
}
.caja-btn-clips{
max-width: 330px;
}
}