button{
    outline: none;
    cursor: pointer;
    border-radius: 24px;
    transition: all 0.3s ease;
}

.btn-blue{
    background-color: var(--color-azul);
    border: 2px solid var(--color-azul);
    color: var(--color-blanco);
}

.btn-blue:hover{
    background-color: var(--color-azul-claro);
    border: 2px solid var(--color-azul-claro);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
}

.btn-blue-claro{
    background-color: var(--color-blanco);
    border: 2px solid var(--color-azul);
    color: var(--color-azul);
}

.btn-blue-claro:hover{
    background-color: var(--color-blanco);
    border: 2px solid var(--color-azul-claro);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
}

.btn-blue-obscuro{
    background-color: var(--color-azul-obscuro);
    border: 2px solid var(--color-azul-obscuro);
    color: var(--color-blanco);
}

.btn-blue-obscuro:hover{
    background-color: var(--color-azul-obscuro2);
    border: 2px solid var(--color-azul-obscuro2);
    color: var(--color-blanco);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
}

.btn-blanco{
    background-color: var(--color-blanco);
    color: var(--color-azul);
    border: 2px solid var(--color-azul);
}

.btn-blanco:hover{
    background-color: var(--color-blanco);
    border: 2px solid var(--color-azul-claro);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
}

.btn-naranja{
    color: var(--color-blanco);
    background-color: var(--color-naranja);
    border: 2px solid var(--color-naranja);
}

.btn-naranja:hover{
    background-color: var(--color-naranja-claro);
    border: 2px solid var(--color-naranja-claro);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
}

.btn-naranja-claro{
    background-color: var(--color-blanco);
    border: 2px solid var(--color-naranja);
    color: var(--color-naranja);
}

.btn-naranja-claro:hover{
    background-color: var(--color-blanco);
    border: 2px solid var(--color-naranja-claro);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
    
}

.btn-llamame{
    border-radius: 8px!important;
    background-color: var(--color-rosa);
    border: 2px solid var(--color-rosa);
    color: var(--color-blanco);
    
}

.btn-llamame:hover{
    border-radius: 8px;
    background-color: var(--color-rosa-claro);
    border: 2px solid var(--color-rosa-claro);
    box-shadow: 0px 7px 5px rgba(1, 1, 1, 0.5)!important;
}