.btn-primary {
    --bs-btn-bg: var(--color-pri) !important;
    --bs-btn-border-color: var(--color-pri) !important;
    --bs-btn-hover-bg: var(--color-pri-active) !important;
    --bs-btn-hover-border-color: var(--color-pri-active) !important;
    --bs-btn-active-bg: var(--color-pri-active) !important;
    --bs-btn-active-border-color: var(--color-pri-active) !important;
    --bs-btn-disabled-bg: var(--color-disabled) !important;
    --bs-btn-disabled-border-color: var(--color-disabled) !important;
    --bs-btn-disabled-color: var(--color-disabled-text) !important;
}

.btn-secondary {
    --bs-btn-bg: var(--color-sec) !important;
    --bs-btn-border-color: var(--color-sec) !important;
    --bs-btn-hover-bg: var(--color-sec-active) !important;
    --bs-btn-hover-border-color: var(--color-sec-active) !important;
    --bs-btn-active-bg: var(--color-sec-active) !important;
    --bs-btn-active-border-color: var(--color-sec-active) !important;
    --bs-btn-disabled-bg: var(--color-disabled) !important;
    --bs-btn-disabled-border-color: var(--color-disabled) !important;
    --bs-btn-disabled-color: var(--color-disabled-text) !important;
}

.btn-tertiary {
    --bs-btn-bg: var(--color-tertiary) !important;
    --bs-btn-border-color: var(--color-tertiary) !important;
    --bs-btn-color: var(--color-light) !important;
    --bs-btn-hover-bg: var(--color-ter-active) !important;
    --bs-btn-hover-border-color: var(--color-ter-active) !important;
    --bs-btn-hover-color: var(--color-light) !important;
    --bs-btn-active-bg: var(--color-ter-active) !important;
    --bs-btn-active-border-color: var(--color-ter-active) !important;
    --bs-btn-active-color: var(--color-light) !important;
    --bs-btn-disabled-bg: var(--color-disabled) !important;
    --bs-btn-disabled-border-color: var(--color-disabled) !important;
    --bs-btn-disabled-color: var(--color-disabled-text) !important;
}

.btn-light{
    --bs-btn-bg: var(--color-light) !important;
    --bs-btn-border-color: var(--color-light) !important;
    --bs-btn-disabled-bg: var(--color-disabled) !important;
    --bs-btn-disabled-border-color: var(--color-disabled) !important;
    --bs-btn-disabled-color: var(--color-disabled-text) !important;
}

.btn {
    border-radius: 100px;
}

.btn-lg{
    height: 56px;
}