.primary-button {
    padding: 12px 28px;
    text-transform: uppercase;
    background-color: var(--lime-color);
    color: var(--black-color);
    font-weight: 700;
    border: none;
    font-size: 16px;
    min-height: 48px !important;
}
.primary-button:not(.disabled):hover {
    /* background-color: var(--primary-button-hover-color); */
}

a.primary-button:hover {
    /* color: var(--black-color) !important; */
}
.primary-button.button-alert {
    /* background: var(--error-color);
    color: white; */
    color:var(--error-color);
    background: transparent;
}
.primary-button.button-alert:hover {
    /* background: rgb(216, 17, 17); */
    color:rgb(216, 17, 17);
}

form:invalid button[type="submit"]:hover {
    background-color: var(--gray-color);
    color: white;
}

.primary-button.button-alert-outline {
    background: transparent;
    color: var(--error-color);
    border: 2px solid var(--error-color);
}
.primary-button.button-alert-outline:hover {
    /* background: rgb(216, 17, 17); */
    background: var(--error-color);
    color: white;
}

.primary-button.button-blue {
    background: var(--blue-color);
    color: white;
}
.primary-button.button-blue:hover {
    color: white !important;
    background: var(--blue-color);
}

.primary-button:disabled {
    background-color: var(--gray-color);
    color: white;
    cursor: auto;
    pointer-events: none;
}