.button-primary,
.button.kb-button.kt-button {
    display: inline-block;
    color: #FFF;
    font-family: inherit;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1375rem;
    text-decoration: none;
    text-transform: uppercase;
    background: var(--darkBlue);
    border-radius: 4px;
    transition: all .3s ease-in-out;
    box-shadow: none;
}

.button-primary:hover,
.button-primary:active,
.button-primary:focus,
.button.kb-button.kt-button:hover,
.button.kb-button.kt-button:active,
.button.kb-button.kt-button:focus {
    background: var(--lightDarkBlue);
    color: #FFF;
    text-decoration: none;
}

.button-primary.button-md,
.button.kb-button.kt-button.kt-btn-size-standard {
    padding: 12px 26px;
}

.button-primary.button-lg,
.button.kb-button.kt-button.kt-btn-size-large {
    padding: 20px 32px;
}

.button-primary.button-red {
    background: var(--darkRed);
}

.button-primary.button-red:hover,
.button-primary.button-red:active,
.button-primary.button-red:focus {
    color: #FFF;
    background: var(--supaLightDarkBlue);
    text-decoration: none;
}


/* RESPONSIVE DESIGN */
@media (max-width: 1200px) {

    .button-primary.button-md,
    .button.kb-button.kt-button.kt-btn-size-standard {
        padding: 12px 22px;
    }
}

@media (max-width: 768px) {

    .button-primary.button-md,
    .button.kb-button.kt-button.kt-btn-size-standard {
        padding: 10px 18px;
    }
}