* {
    font-family: var(--site-font);
}

.btn-primary {
    background-color: var(--btn-primary-color);
    border-color: var(--btn-primary-border-color);
    color: var(--btn-primary-text-color);
    border-radius: var(--btn-primary-border-radius);
}

.border-primary {
    border-color: var(--btn-primary-border-color) !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover-state-color);
    border-color: var(--btn-primary-hover-state-border-color);
    color: var(--btn-primary-hover-state-text-color);
    border-radius: var(--btn-primary-border-radius);
}

.btn-secondary {
    background-color: var(--btn-secondary-color);
    border-color: var(--btn-secondary-border-color);
    color: var(--btn-secondary-text-color);
    border-radius: var(--btn-secondary-border-radius);
}

.border-secondary {
    border-color: var(--btn-secondary-border-color) !important;
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover-state-color);
    border-color: var(--btn-secondary-hover-state-border-color);
    color: var(--btn-secondary-hover-state-text-color);
    border-radius: var(--btn-secondary-border-radius);
}