*{
    box-sizing:border-box;
}

body{
    margin:0;
    padding:16px;
    background:#F6F4E8;
    font-family:Arial,sans-serif;
}

.contenedor{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

@media (min-width:768px){
    .contenedor{
        grid-template-columns:repeat(4,1fr);
    }
}

@media (min-width:1200px){
    .contenedor{
        grid-template-columns:repeat(6,1fr);
    }
}

.boton{
    aspect-ratio:1/1;
    background:#D9E8F5;
    border:1px solid #0A0A0A;
    border-radius:12px;

    text-decoration:none;
    color:#0A0A0A;

    display:flex;
    justify-content:center;
    align-items:center;
}

.boton:active{
    background:#C8DBEC;
}

.contenido{
    width:80%;
    height:80%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:12px;

    text-align:center;
}

.contenido img{
    width:64px;
    height:64px;
    object-fit:contain;
}

.contenido span{
    font-size:18px;
    line-height:1.3;
}