.button-container {
    text-align: center;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 28px;
}

.ir-a-coleccion {
    background-color: white;
    color: #ABC4DC; /* Color del texto del botón */
    font-family: 'Bradley Hand', cursive, 'Comic Sans MS', 'Helvetica Neue', Arial, sans-serif;
 /* Fuente Bradley Hand */
    text-decoration: none; /* Elimina el subrayado del enlace */
    padding: 40px 40px; /* Espaciado interno del botón */
    border: 2px solid #ABC4DC; /* Poner borde el botón y color */
    border-radius: 50%; 
    margin: 10px;
    width: 90px; 
}

.ir-a-coleccion:hover {
    text-decoration: underline; /* Subrayar texto al pasar por encima */
}

@media screen and (max-width: 768px) {
    .button-container{
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .ir-a-coleccion {
        flex: 1 0 0%;
    }
}