/* Step button */
.step__button {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 6px;
    background: #FFF;
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
    padding: 0.2rem 1rem 0.2rem 1rem;
    width: 145px;
    justify-content: center;
}

.left {
    margin-right: 0.5rem;
}

.right {
    margin-left: 0.5rem;
}

.disabled__button {
    opacity: 30%;
    pointer-events: none;
}

a:hover {
    color: var(--nieve-primary-purple) !important;
}

#step-button-next:hover, #button_accept:hover, #download_pdf:hover {
    color: #fff !important;
}

/* Colors */
.step__button__purple {
    background-color: var(--nieve-primary-purple);
    border: 2px solid var(--nieve-primary-purple);
}

.step__button__light-blue {
    background-color: var(--verano--primary--light-blue);
    border: 2px solid var(--verano--primary--light-blue);
}

.step__button__dark-blue {
    background-color: var(--verano--primary--dark-blue);
    border: 2px solid var(--verano--primary--dark-blue);
}

.step__button__yellow {
    background-color: var(--verano--secondary--yellow);
    border: 2px solid var(--verano--secondary--yellow);
}

.step__button__orange {
    background-color: var(--verano--secondary--orange);
    border: 2px solid var(--verano--secondary--orange);
}

.step__button__black {
    background-color: var(--verano--secondary--black);
    border: 2px solid var(--verano--secondary--black);
}

.step__button__grey {
    background-color: var(--verano--secondary--grey);
    border: 2px solid var(--verano--secondary--grey);
}

.step__button__cms {
    background-color: var(--red-cms) !important;
    border: 2px solid var(--red-cms) !important;
}

/* Outline */

.step__button__outline__purple {
    background-color: transparent;
    border: 2px solid var(--nieve-primary-purple);
    color: var(--nieve-primary-purple);
}

.step__button__outline__purple > svg path{
    fill: var(--nieve-primary-purple);
}

.step__button__outline__light-blue {
    background-color: transparent;
    border: 2px solid var(--verano--primary--light-blue);
    color: var(--verano--primary--light-blue);
}

.step__button__outline__dark-blue {
    background-color: transparent;
    border: 2px solid var(--verano--primary--dark-blue);
    color: var(--verano--primary--dark-blue);
}

.step__button__outline__yellow {
    background-color: transparent;
    border: 2px solid var(--verano--secondary--yellow);
    color: var(--verano--secondary--yellow);
}

.step__button__outline__orange {
    background-color: transparent;
    border: 2px solid var(--verano--secondary--orange);
    color: var(--verano--secondary--orange);
}

.step__button__outline__black {
    background-color: transparent;
    border: 2px solid var(--verano--secondary--black);
    color: var(--verano--secondary--black);
}

.step__button__outline__grey {
    background-color: transparent;
    border: 2px solid var(--verano--secondary--grey);
    color: var(--verano--secondary--grey);
}

.step__button__outline__cms {
    background-color: transparent !important;
    border: 2px solid var(--red-cms) !important;
    color: var(--red-cms) !important;
}
/* Copiar los estilos de verano y cambiarlos a tu gusto, obviando cambiar el nombre de las clases. */