.btn-theme-primary { --bs-btn-color: var(--thm-background-7); --bs-btn-bg: var(--thm-primary-2); --bs-btn-border-color: var(--thm-primary-2); --bs-btn-hover-color: var(--thm-background-7); --bs-btn-hover-bg: var(--thm-primary-1); --bs-btn-hover-border-color: var(--thm-primary-1); --bs-btn-active-bg: var(--thm-primary-1); --bs-btn-active-color: var(--thm-background-7); --bs-btn-disabled-bg: var(--thm-primary-4); --bs-btn-disabled-border-color: var(--thm-primary-4); }
.btn-theme-outline-primary { --bs-btn-color: var(--thm-primary-2); --bs-btn-border-color: var(--thm-primary-2); --bs-btn-hover-color: var(--thm-background-7); --bs-btn-hover-bg: var(--thm-primary-2); --bs-btn-hover-border-color: var(--thm-primary-2); --bs-btn-active-color: var(--thm-background-7); --bs-btn-active-bg: var(--thm-primary-1); }
.btn-theme-primary, .btn-theme-outline-primary { font-weight: 600; transition: background-color .2s, color .2s; }