/* BOTONES */

.botones-web a  {
    transition: 0.4s ease-in!important;
    overflow: hidden;
    z-index: 0;
    color: var(--c-primario-1)!important;
    background-color: var(--c-blanco)!important;
    text-transform: uppercase!important;
    font-family: 'Quattrocento Sans', sans-serif!important;
    font-weight: 700!important;
    padding: 18px 43px!important;
    border-radius: 5px!important;
}

.botones-web a:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -10%;
    right: 100%;
    bottom: 0;
    background-color: var(--c-tonico)!important;
    transition: 0.4s ease-in;
    z-index: -1;
    border-radius: 5px!important;
}

.botones-web a:hover {
    color: var(--c-primario-1)!important;
    background-color: var(--c-tonico)!important;
}

.botones-web a:hover:before {
    right: 0;
}

.botones-web-contacto a {
    transition: 0.4s ease-in!important;
    overflow: hidden;
    z-index: 0;
    color: var(--c-primario-1)!important;
    background-color: var(--c-blanco)!important;
    text-transform: uppercase!important;
    font-family: 'Quattrocento Sans', sans-serif!important;
    font-weight: 700!important;
    border: solid 2px var(--c-primario-1)!important;
    border-radius: 5px!important;
}

.botones-web-contacto a:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background-color: var(--c-primario-1)!important;
    transition: 0.4s ease-in;
    z-index: -1;
    border-radius: 0px!important;
}

.botones-web-contacto a:hover {
    color: var(--c-blanco)!important;
}

.botones-web-contacto a:hover:before {
    right: 0;
}

.botones-web-oscuro a {
    transition: 0.4s ease-in!important;
    overflow: hidden;
    z-index: 0;
    color: var(--c-blanco)!important;
    background-color: var(--c-primario-1)!important;
    text-transform: uppercase!important;
    font-family: 'Quattrocento Sans', sans-serif!important;
    font-weight: 700!important;
    border: solid 2px var(--c-blanco)!important;
    border-radius: 5px!important;
}

.botones-web-oscuro a:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background-color: var(--c-blanco)!important;
    transition: 0.4s ease-in;
    z-index: -1;
    border-radius: 0px!important;
}

.botones-web-oscuro a:hover {
    color: var(--c-primario-1)!important;
}

.botones-web-oscuro a:hover:before {
    right: 0;
}

@media screen and (max-width:767px) {
    .botones-web a {
        font-size: 15px!important;
    }
    .botones-web-contacto a {
        font-size: 15px!important;
    }
}


/* BOTÓN ENVÍO FORMULARIO */
.btn-enviar input[type="submit"] {
    transition: 0.4s ease-out!important;
    color: var(--c-blanco)!important;
    background-color: var(--c-primario-1)!important;
    font-family: 'Quattrocento Sans', sans-serif;
    padding: 12px 40px !important;
    border-radius: 5px!important;
    font-size: 1em!important;
    font-weight: 700!important;
    letter-spacing: 1px;
    text-transform: none;
}

.btn-enviar input[type="submit"]:hover {
    transform: translateY(-8px);
    color: var(--c-blanco)!important;
    background-color: var(--c-tonico)!important;
}