.btn_primario_hover {
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    border-radius: 25px;
    width: 230px;
    height: 52px;
    padding-left: 24px;
    padding-right: 24px;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
}

.svg_button {
    margin-left: 28px;
}

.cookieinfo-close {
    color: #313131;
}

.btn_primario_hover:hover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 250px;
    padding-left: 34px;
    padding-right: 34px;
    color: #313131;
}

.btn_primario_hover:hover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transición suave */
}

.btn_primario_hoverHover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 250px;
    padding-left: 34px;
    padding-right: 34px;
    color: #313131;
}

.btn_primario_hoverHover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transición suave */
}


/* Boton para cards de los productos en aplicaciones */
.btn_primario2_hover {
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    border-radius: 25px;
    width: 239px;
    height: 52px;
    padding-left: 24px;
    padding-right: 24px;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
}

.btn_primario2_hover:hover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 259px;
    padding-left: 34px;
    padding-right: 34px;
    color: #313131;
}

.btn_primario2_hover:hover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transici��n suave */
}

.btn_primario2_hoverHover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 259px;
    padding-left: 34px;
    padding-right: 34px;
    color: #313131;
}

.btn_primario2_hoverHover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transici��n suave */
}

/* Fin de boton */

.btn_izq_contacto{
    background-color: #EEF4F9;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 165px;
    height: 53px;
    text-decoration: none;
    text-align: center;
}

.btn_izq_contacto:hover{
    background-color: #DCE6EF;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 165px;
    height: 53px;
    text-decoration: none;
    text-align: center;
}

.btn_der_contacto{
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 165px;
    height: 53px;
    text-decoration: none;
    text-align: center;
}

.btn_der_contacto:hover{
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 165px;
    height: 53px;
    text-decoration: none;
    text-align: center;
}

.btn_card_contacto_what{
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    border-radius: 25px;
    width: 160px;
    height: 52px;
    padding-left: 24px;
    padding-right: 24px;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
}

.svg_button_card_whats {
    margin-left: 10px;
}

.btn_card_contacto_what:hover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 160px;
    color: #313131;
}

.btn_card_contacto_what:hover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transición suave */
}