.btn {
    --bs-btn-padding-x: var(--btn-padding-x);
    --bs-btn-padding-y: var(--btn-padding-y);
    --bs-btn-font-family: var(--heading-font-family);
}
.btn-primary {
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary-dark);
    --bs-btn-hover-border-color: var(--color-primary-dark);
    --bs-btn-active-bg: var(--color-primary-dark);
    --bs-btn-active-border-color: var(--color-primary-dark);
    --bs-btn-disabled-bg: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-primary);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-active-bg: var(--color-primary);
    --bs-btn-active-border-color: var(--color-primary);
    --bs-btn-disabled-color: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
}
.btn-white-outline-primary {
    --bs-btn-color: var(--color-white);
    --bs-btn-border-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-white);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-active-bg: var(--color-primary);
    --bs-btn-active-border-color: var(--color-white);
    --bs-btn-disabled-color: var(--color-white);
    --bs-btn-disabled-border-color: var(--color-white);
}
.btn-secondary {
    --bs-btn-bg: var(--color-secondary);
    --bs-btn-border-color: var(--color-secondary);
    --bs-btn-hover-bg: var(--color-secondary-dark);
    --bs-btn-hover-border-color: var(--color-secondary-dark);
    --bs-btn-active-bg: var(--color-secondary-dark);
    --bs-btn-active-border-color: var(--color-secondary-dark);
    --bs-btn-disabled-bg: var(--color-secondary);
    --bs-btn-disabled-border-color: var(--color-secondary);
}
.btn-outline-secondary {
    --bs-btn-color: var(--color-secondary);
    --bs-btn-border-color: var(--color-secondary);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-hover-bg: var(--color-secondary);
    --bs-btn-hover-border-color: var(--color-secondary);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-active-bg: var(--color-secondary);
    --bs-btn-active-border-color: var(--color-secondary);
    --bs-btn-disabled-color: var(--color-secondary);
    --bs-btn-disabled-border-color: var(--color-secondary);
}
.btn-white-outline-secondary {
    --bs-btn-color: var(--color-white);
    --bs-btn-border-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-hover-bg: var(--color-secondary);
    --bs-btn-hover-border-color: var(--color-white);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-active-bg: var(--color-secondary);
    --bs-btn-active-border-color: var(--color-white);
    --bs-btn-disabled-color: var(--color-white);
    --bs-btn-disabled-border-color: var(--color-white);
}
.btn-social {
    --bs-btn-border-radius: 50%;
    aspect-ratio: 1;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    --bs-btn-color: var(--color-white);
    --bs-btn-bg: rgba(var(--color-white-rgb), .2);
    --bs-btn-hover-bg: var(--color-secondary);
    --bs-btn-active-bg: var(--color-secondary);
}


