/* BOTON STYLES */

.boton-cta {
    min-width: 100px;
    padding: .8em 1.4em;
    display: inline-block;
    border: none;
    background: linear-gradient(0deg, rgba(218, 130, 218, 1) 0%, rgba(255, 186, 132, 1) 100%) !important;
    box-sizing: border-box;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    color: white !important;
    border-radius: 100vmax;
    align-self: flex-start;
    opacity: .75 !important;
    transition: all .35s ease-in-out !important;
}

.boton-cta.boton--charge {
    background: var(--c-charge-gradient-vertical) !important;
}

a.boton-cta.boton--charge-outlined {
    background: white !important;
    color: var(--c-green-300) !important;
    border: 2px solid var(--c-green-300);
    opacity: 1 !important;
}

.boton.boton-cta:hover,
.boton.boton-cta:active,
.boton.boton-cta:focus {
    opacity: 1 !important;
}

a.boton.boton--charge-outlined:hover,
a.boton.boton--charge-outlined:active,
a.boton.boton--charge-outlined:focus {
    background: var(--c-green-300) !important;
    color: white !important;
}