.btn {
    text-transform: uppercase;
    font-size: 16px;
    font-family: $condensed-font;
    border-radius: 0;
}

.btn-sm {
    font-size: 14px;
    letter-spacing: 0;
}

.btn-lg {
    padding: 1rem 2.5rem;
}

.btn-primary,
.btn-primary:focus {
    background-color: $brand-primary;
    border-color: $brand-primary;
    color: $white;
    &:hover,
    &:active {
        color: $white;
        background-color: darken($brand-primary, 5%);
        border-color: darken($brand-primary, 5%);
    }
}

.btn-outline,
.btn-outline:focus {
    color: $white;
    background-image: none;
    background-color: transparent;
    border-color: $white;
    &:hover,
    &:active {
        color: $gray-dark;
        background-color: $white;
        border-color: $white;
    }
    .light-theme &,
    .light-theme &:focus {
        color: $black;
        border-color: $black;
        &:hover,
        &:active {
            color: $white;
            background-color: $black;
            border-color: $black;
        }
    }
}

.btn-outline-primary {
    color: $brand-primary;
    background-image: none;
    background-color: transparent;
    border-color: $brand-primary;
    &:hover,
    &:active {
        color: $white;
        background-color: $brand-primary;
        border-color: $brand-primary;
    }
}