/* Primary Buttons*/
.btn,
.btn.btn-primary,
.button.btn-primary {
    color: $primary-color;
    background: $quaternary-color;
    font-family: $font-family-secondary;
    font-weight: $font-weight-bold;
    font-size: $font-size-18;
    padding: 14px 30px;
    border: 3px solid $quaternary-color;

    @include media-breakpoint-down(xl) {
        font-size: $font-size-16;
        padding: 7px 25px;
        min-width: auto;
    }

    @include media-breakpoint-down(md) {
        font-size: $font-size-14;
    }

    &:hover,
    &:active,
    &:focus,
    &:active:focus {
        background: none;
        color: $quaternary-color;
        box-shadow: none;
    }

    &.btn-alt,
    &[type="submit"] {
        color: $secondary-color;
        background: transparent;
        border: 3px solid $secondary-color;

        &:hover,
        &:active,
        &:focus,
        &:active:focus {
            background: $secondary-color;
            color: $tertiary-color;
            box-shadow: none;
        }
    }
}