.btn-primary,
.btn-primary:visited {
    background: #C46B1A !important;
    color: #fff !important;
    border: 1px solid #C46B1A !important;
    text-decoration: none !important;
    transition: all .2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #A85712 !important;
    border-color: #A85712 !important;
    color: #fff !important;
}

.btn-primary:active {
    background: #8F4A0F !important;
    border-color: #8F4A0F !important;
}

.btn-secondary,
.btn-secondary,
.btn-secondary:visited {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
    text-decoration: none !important;
    transition: all .2s ease;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background: #C46B1A !important;
    color: #FFFFFF !important;
    border-color: #C46B1A !important;
}

.btn-secondary:active {
    background: #A85712 !important;
    border-color: #A85712 !important;
    color: #FFFFFF !important;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 0 28px;

    background: var(--color-primary) !important;
    color: #fff !important;

    border: none;
    border-radius: 8px;

    font-weight: 600;
    text-decoration: none !important;

    cursor: pointer;
    transition:
        background var(--transition),
        color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.btn:hover {
    background: var(--color-primary-dark) !important;
    color: #fff !important;
}