/* Extended Bootstrap button palette - add after the :root block */
.btn-azure-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #dceeff;
  --bs-btn-border-color: #dceeff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #b3daff;
  --bs-btn-hover-border-color: #b3daff;
  --bs-btn-focus-shadow-rgb: 220, 238, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #9fd0ff;
  --bs-btn-active-border-color: #9fd0ff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #dceeff;
  --bs-btn-disabled-border-color: #dceeff;
}
.btn-azure-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #8dc5ff;
  --bs-btn-border-color: #8dc5ff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #64b0ff;
  --bs-btn-hover-border-color: #64b0ff;
  --bs-btn-focus-shadow-rgb: 141, 197, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #50a6ff;
  --bs-btn-active-border-color: #50a6ff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #8dc5ff;
  --bs-btn-disabled-border-color: #8dc5ff;
}
.btn-azure,
.btn-azure-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1683e8;
  --bs-btn-border-color: #1683e8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #126ec3;
  --bs-btn-hover-border-color: #126ec3;
  --bs-btn-focus-shadow-rgb: 22, 131, 232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1163b0;
  --bs-btn-active-border-color: #1163b0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1683e8;
  --bs-btn-disabled-border-color: #1683e8;
}
.btn-azure-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #005eb8;
  --bs-btn-border-color: #005eb8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00498f;
  --bs-btn-hover-border-color: #00498f;
  --bs-btn-focus-shadow-rgb: 0, 94, 184;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003f7b;
  --bs-btn-active-border-color: #003f7b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #005eb8;
  --bs-btn-disabled-border-color: #005eb8;
}
.btn-azure-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #003b75;
  --bs-btn-border-color: #003b75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00264c;
  --bs-btn-hover-border-color: #00264c;
  --bs-btn-focus-shadow-rgb: 0, 59, 117;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #001c38;
  --bs-btn-active-border-color: #001c38;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #003b75;
  --bs-btn-disabled-border-color: #003b75;
}
.btn-outline-azure {
  --bs-btn-color: #1683e8;
  --bs-btn-border-color: #1683e8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1683e8;
  --bs-btn-hover-border-color: #1683e8;
  --bs-btn-focus-shadow-rgb: 22, 131, 232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #126ec3;
  --bs-btn-active-border-color: #126ec3;
  --bs-btn-disabled-color: #1683e8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1683e8;
}
.btn-soft-azure {
  --bs-btn-color: #1683e8;
  --bs-btn-bg: rgba(22, 131, 232, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #1683e8;
  --bs-btn-hover-bg: rgba(22, 131, 232, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 22, 131, 232;
  --bs-btn-active-color: #1683e8;
  --bs-btn-active-bg: rgba(22, 131, 232, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #1683e8;
  --bs-btn-disabled-bg: rgba(22, 131, 232, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-azure {
  --bs-btn-color: #003b75;
  --bs-btn-bg: rgba(0, 94, 184, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #005eb8;
  --bs-btn-hover-bg: rgba(0, 94, 184, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 0, 94, 184;
  --bs-btn-active-color: #003b75;
  --bs-btn-active-bg: rgba(0, 94, 184, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #dceeff;
  --bs-btn-disabled-bg: rgba(0, 94, 184, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-azure {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1683e8;
  --bs-btn-border-color: #1683e8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1163b0;
  --bs-btn-hover-border-color: #1163b0;
  --bs-btn-focus-shadow-rgb: 22, 131, 232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1163b0;
  --bs-btn-active-border-color: #1163b0;
  --bs-btn-disabled-color: #1163b0;
  --bs-btn-disabled-bg: #1683e8;
  --bs-btn-disabled-border-color: #1683e8;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-indigo-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #e4e4ff;
  --bs-btn-border-color: #e4e4ff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #bbbbff;
  --bs-btn-hover-border-color: #bbbbff;
  --bs-btn-focus-shadow-rgb: 228, 228, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a7a7ff;
  --bs-btn-active-border-color: #a7a7ff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #e4e4ff;
  --bs-btn-disabled-border-color: #e4e4ff;
}
.btn-indigo-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #a9abff;
  --bs-btn-border-color: #a9abff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #8083ff;
  --bs-btn-hover-border-color: #8083ff;
  --bs-btn-focus-shadow-rgb: 169, 171, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #6c6fff;
  --bs-btn-active-border-color: #6c6fff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #a9abff;
  --bs-btn-disabled-border-color: #a9abff;
}
.btn-indigo,
.btn-indigo-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6366f1;
  --bs-btn-border-color: #6366f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3e41ee;
  --bs-btn-hover-border-color: #3e41ee;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b2fec;
  --bs-btn-active-border-color: #2b2fec;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6366f1;
  --bs-btn-disabled-border-color: #6366f1;
}
.btn-indigo-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4338ca;
  --bs-btn-border-color: #4338ca;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #372eac;
  --bs-btn-hover-border-color: #372eac;
  --bs-btn-focus-shadow-rgb: 67, 56, 202;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #32299b;
  --bs-btn-active-border-color: #32299b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4338ca;
  --bs-btn-disabled-border-color: #4338ca;
}
.btn-indigo-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #312e81;
  --bs-btn-border-color: #312e81;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #262363;
  --bs-btn-hover-border-color: #262363;
  --bs-btn-focus-shadow-rgb: 49, 46, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #201e54;
  --bs-btn-active-border-color: #201e54;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #312e81;
  --bs-btn-disabled-border-color: #312e81;
}
.btn-outline-indigo {
  --bs-btn-color: #6366f1;
  --bs-btn-border-color: #6366f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6366f1;
  --bs-btn-hover-border-color: #6366f1;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3e41ee;
  --bs-btn-active-border-color: #3e41ee;
  --bs-btn-disabled-color: #6366f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6366f1;
}
.btn-soft-indigo {
  --bs-btn-color: #6366f1;
  --bs-btn-bg: rgba(99, 102, 241, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #6366f1;
  --bs-btn-hover-bg: rgba(99, 102, 241, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #6366f1;
  --bs-btn-active-bg: rgba(99, 102, 241, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6366f1;
  --bs-btn-disabled-bg: rgba(99, 102, 241, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-indigo {
  --bs-btn-color: #312e81;
  --bs-btn-bg: rgba(67, 56, 202, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #4338ca;
  --bs-btn-hover-bg: rgba(67, 56, 202, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 67, 56, 202;
  --bs-btn-active-color: #312e81;
  --bs-btn-active-bg: rgba(67, 56, 202, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #e4e4ff;
  --bs-btn-disabled-bg: rgba(67, 56, 202, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-indigo {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6366f1;
  --bs-btn-border-color: #6366f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b2fec;
  --bs-btn-hover-border-color: #2b2fec;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b2fec;
  --bs-btn-active-border-color: #2b2fec;
  --bs-btn-disabled-color: #2b2fec;
  --bs-btn-disabled-bg: #6366f1;
  --bs-btn-disabled-border-color: #6366f1;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-violet-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f0e4ff;
  --bs-btn-border-color: #f0e4ff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #d9bbff;
  --bs-btn-hover-border-color: #d9bbff;
  --bs-btn-focus-shadow-rgb: 240, 228, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #cea7ff;
  --bs-btn-active-border-color: #cea7ff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f0e4ff;
  --bs-btn-disabled-border-color: #f0e4ff;
}
.btn-violet-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #d0a9ff;
  --bs-btn-border-color: #d0a9ff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ba80ff;
  --bs-btn-hover-border-color: #ba80ff;
  --bs-btn-focus-shadow-rgb: 208, 169, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #af6cff;
  --bs-btn-active-border-color: #af6cff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #d0a9ff;
  --bs-btn-disabled-border-color: #d0a9ff;
}
.btn-violet,
.btn-violet-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8b5cf6;
  --bs-btn-border-color: #8b5cf6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6f35f4;
  --bs-btn-hover-border-color: #6f35f4;
  --bs-btn-focus-shadow-rgb: 139, 92, 246;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6222f3;
  --bs-btn-active-border-color: #6222f3;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8b5cf6;
  --bs-btn-disabled-border-color: #8b5cf6;
}
.btn-violet-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6d28d9;
  --bs-btn-border-color: #6d28d9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5b20b8;
  --bs-btn-hover-border-color: #5b20b8;
  --bs-btn-focus-shadow-rgb: 109, 40, 217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #531da6;
  --bs-btn-active-border-color: #531da6;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6d28d9;
  --bs-btn-disabled-border-color: #6d28d9;
}
.btn-violet-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4c1d95;
  --bs-btn-border-color: #4c1d95;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3b1673;
  --bs-btn-hover-border-color: #3b1673;
  --bs-btn-focus-shadow-rgb: 76, 29, 149;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #321362;
  --bs-btn-active-border-color: #321362;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4c1d95;
  --bs-btn-disabled-border-color: #4c1d95;
}
.btn-outline-violet {
  --bs-btn-color: #8b5cf6;
  --bs-btn-border-color: #8b5cf6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8b5cf6;
  --bs-btn-hover-border-color: #8b5cf6;
  --bs-btn-focus-shadow-rgb: 139, 92, 246;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6f35f4;
  --bs-btn-active-border-color: #6f35f4;
  --bs-btn-disabled-color: #8b5cf6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8b5cf6;
}
.btn-soft-violet {
  --bs-btn-color: #8b5cf6;
  --bs-btn-bg: rgba(139, 92, 246, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #8b5cf6;
  --bs-btn-hover-bg: rgba(139, 92, 246, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 139, 92, 246;
  --bs-btn-active-color: #8b5cf6;
  --bs-btn-active-bg: rgba(139, 92, 246, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #8b5cf6;
  --bs-btn-disabled-bg: rgba(139, 92, 246, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-violet {
  --bs-btn-color: #4c1d95;
  --bs-btn-bg: rgba(109, 40, 217, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #6d28d9;
  --bs-btn-hover-bg: rgba(109, 40, 217, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 109, 40, 217;
  --bs-btn-active-color: #4c1d95;
  --bs-btn-active-bg: rgba(109, 40, 217, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #f0e4ff;
  --bs-btn-disabled-bg: rgba(109, 40, 217, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-violet {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8b5cf6;
  --bs-btn-border-color: #8b5cf6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6222f3;
  --bs-btn-hover-border-color: #6222f3;
  --bs-btn-focus-shadow-rgb: 139, 92, 246;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6222f3;
  --bs-btn-active-border-color: #6222f3;
  --bs-btn-disabled-color: #6222f3;
  --bs-btn-disabled-bg: #8b5cf6;
  --bs-btn-disabled-border-color: #8b5cf6;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-magenta-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fce0f2;
  --bs-btn-border-color: #fce0f2;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f8bbe2;
  --bs-btn-hover-border-color: #f8bbe2;
  --bs-btn-focus-shadow-rgb: 252, 224, 242;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #f7a8db;
  --bs-btn-active-border-color: #f7a8db;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fce0f2;
  --bs-btn-disabled-border-color: #fce0f2;
}
.btn-magenta-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f3a1d1;
  --bs-btn-border-color: #f3a1d1;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ee7dbf;
  --bs-btn-hover-border-color: #ee7dbf;
  --bs-btn-focus-shadow-rgb: 243, 161, 209;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ec6bb6;
  --bs-btn-active-border-color: #ec6bb6;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f3a1d1;
  --bs-btn-disabled-border-color: #f3a1d1;
}
.btn-magenta,
.btn-magenta-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d63384;
  --bs-btn-border-color: #d63384;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2670;
  --bs-btn-hover-border-color: #bb2670;
  --bs-btn-focus-shadow-rgb: 214, 51, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #aa2265;
  --bs-btn-active-border-color: #aa2265;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d63384;
  --bs-btn-disabled-border-color: #d63384;
}
.btn-magenta-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ab0569;
  --bs-btn-border-color: #ab0569;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #830451;
  --bs-btn-hover-border-color: #830451;
  --bs-btn-focus-shadow-rgb: 171, 5, 105;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #700344;
  --bs-btn-active-border-color: #700344;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ab0569;
  --bs-btn-disabled-border-color: #ab0569;
}
.btn-magenta-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6e003f;
  --bs-btn-border-color: #6e003f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #450028;
  --bs-btn-hover-border-color: #450028;
  --bs-btn-focus-shadow-rgb: 110, 0, 63;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #31001c;
  --bs-btn-active-border-color: #31001c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6e003f;
  --bs-btn-disabled-border-color: #6e003f;
}
.btn-outline-magenta {
  --bs-btn-color: #d63384;
  --bs-btn-border-color: #d63384;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d63384;
  --bs-btn-hover-border-color: #d63384;
  --bs-btn-focus-shadow-rgb: 214, 51, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bb2670;
  --bs-btn-active-border-color: #bb2670;
  --bs-btn-disabled-color: #d63384;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d63384;
}
.btn-soft-magenta {
  --bs-btn-color: #d63384;
  --bs-btn-bg: rgba(214, 51, 132, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #d63384;
  --bs-btn-hover-bg: rgba(214, 51, 132, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 214, 51, 132;
  --bs-btn-active-color: #d63384;
  --bs-btn-active-bg: rgba(214, 51, 132, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #d63384;
  --bs-btn-disabled-bg: rgba(214, 51, 132, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-magenta {
  --bs-btn-color: #6e003f;
  --bs-btn-bg: rgba(171, 5, 105, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #ab0569;
  --bs-btn-hover-bg: rgba(171, 5, 105, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 171, 5, 105;
  --bs-btn-active-color: #6e003f;
  --bs-btn-active-bg: rgba(171, 5, 105, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #fce0f2;
  --bs-btn-disabled-bg: rgba(171, 5, 105, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-magenta {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d63384;
  --bs-btn-border-color: #d63384;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #aa2265;
  --bs-btn-hover-border-color: #aa2265;
  --bs-btn-focus-shadow-rgb: 214, 51, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #aa2265;
  --bs-btn-active-border-color: #aa2265;
  --bs-btn-disabled-color: #aa2265;
  --bs-btn-disabled-bg: #d63384;
  --bs-btn-disabled-border-color: #d63384;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-rose-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffe4e9;
  --bs-btn-border-color: #ffe4e9;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffbbc8;
  --bs-btn-hover-border-color: #ffbbc8;
  --bs-btn-focus-shadow-rgb: 255, 228, 233;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffa7b7;
  --bs-btn-active-border-color: #ffa7b7;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffe4e9;
  --bs-btn-disabled-border-color: #ffe4e9;
}
.btn-rose-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffa8b8;
  --bs-btn-border-color: #ffa8b8;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ff7f97;
  --bs-btn-hover-border-color: #ff7f97;
  --bs-btn-focus-shadow-rgb: 255, 168, 184;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ff6b86;
  --bs-btn-active-border-color: #ff6b86;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffa8b8;
  --bs-btn-disabled-border-color: #ffa8b8;
}
.btn-rose,
.btn-rose-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e64962;
  --bs-btn-border-color: #e64962;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e12543;
  --bs-btn-hover-border-color: #e12543;
  --bs-btn-focus-shadow-rgb: 230, 73, 98;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d51d3a;
  --bs-btn-active-border-color: #d51d3a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e64962;
  --bs-btn-disabled-border-color: #e64962;
}
.btn-rose-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #be123c;
  --bs-btn-border-color: #be123c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #990e30;
  --bs-btn-hover-border-color: #990e30;
  --bs-btn-focus-shadow-rgb: 190, 18, 60;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #860d2a;
  --bs-btn-active-border-color: #860d2a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #be123c;
  --bs-btn-disabled-border-color: #be123c;
}
.btn-rose-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #881337;
  --bs-btn-border-color: #881337;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #640e29;
  --bs-btn-hover-border-color: #640e29;
  --bs-btn-focus-shadow-rgb: 136, 19, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #520b21;
  --bs-btn-active-border-color: #520b21;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #881337;
  --bs-btn-disabled-border-color: #881337;
}
.btn-outline-rose {
  --bs-btn-color: #e64962;
  --bs-btn-border-color: #e64962;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e64962;
  --bs-btn-hover-border-color: #e64962;
  --bs-btn-focus-shadow-rgb: 230, 73, 98;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e12543;
  --bs-btn-active-border-color: #e12543;
  --bs-btn-disabled-color: #e64962;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e64962;
}
.btn-soft-rose {
  --bs-btn-color: #e64962;
  --bs-btn-bg: rgba(230, 73, 98, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #e64962;
  --bs-btn-hover-bg: rgba(230, 73, 98, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 230, 73, 98;
  --bs-btn-active-color: #e64962;
  --bs-btn-active-bg: rgba(230, 73, 98, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #e64962;
  --bs-btn-disabled-bg: rgba(230, 73, 98, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-rose {
  --bs-btn-color: #881337;
  --bs-btn-bg: rgba(190, 18, 60, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #be123c;
  --bs-btn-hover-bg: rgba(190, 18, 60, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 190, 18, 60;
  --bs-btn-active-color: #881337;
  --bs-btn-active-bg: rgba(190, 18, 60, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #ffe4e9;
  --bs-btn-disabled-bg: rgba(190, 18, 60, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-rose {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e64962;
  --bs-btn-border-color: #e64962;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d51d3a;
  --bs-btn-hover-border-color: #d51d3a;
  --bs-btn-focus-shadow-rgb: 230, 73, 98;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d51d3a;
  --bs-btn-active-border-color: #d51d3a;
  --bs-btn-disabled-color: #d51d3a;
  --bs-btn-disabled-bg: #e64962;
  --bs-btn-disabled-border-color: #e64962;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-teal-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #d9f7f3;
  --bs-btn-border-color: #d9f7f3;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #b7f0e8;
  --bs-btn-hover-border-color: #b7f0e8;
  --bs-btn-focus-shadow-rgb: 217, 247, 243;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a6ece3;
  --bs-btn-active-border-color: #a6ece3;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #d9f7f3;
  --bs-btn-disabled-border-color: #d9f7f3;
}
.btn-teal-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #8cddd2;
  --bs-btn-border-color: #8cddd2;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #6dd4c6;
  --bs-btn-hover-border-color: #6dd4c6;
  --bs-btn-focus-shadow-rgb: 140, 221, 210;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #5dcfc0;
  --bs-btn-active-border-color: #5dcfc0;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #8cddd2;
  --bs-btn-disabled-border-color: #8cddd2;
}
.btn-teal,
.btn-teal-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14b8a6;
  --bs-btn-border-color: #14b8a6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #109385;
  --bs-btn-hover-border-color: #109385;
  --bs-btn-focus-shadow-rgb: 20, 184, 166;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e8174;
  --bs-btn-active-border-color: #0e8174;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #14b8a6;
  --bs-btn-disabled-border-color: #14b8a6;
}
.btn-teal-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0f766e;
  --bs-btn-border-color: #0f766e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0a524c;
  --bs-btn-hover-border-color: #0a524c;
  --bs-btn-focus-shadow-rgb: 15, 118, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #08403b;
  --bs-btn-active-border-color: #08403b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0f766e;
  --bs-btn-disabled-border-color: #0f766e;
}
.btn-teal-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #134e4a;
  --bs-btn-border-color: #134e4a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b2d2b;
  --bs-btn-hover-border-color: #0b2d2b;
  --bs-btn-focus-shadow-rgb: 19, 78, 74;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #071d1b;
  --bs-btn-active-border-color: #071d1b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #134e4a;
  --bs-btn-disabled-border-color: #134e4a;
}
.btn-outline-teal {
  --bs-btn-color: #14b8a6;
  --bs-btn-border-color: #14b8a6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #14b8a6;
  --bs-btn-hover-border-color: #14b8a6;
  --bs-btn-focus-shadow-rgb: 20, 184, 166;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #109385;
  --bs-btn-active-border-color: #109385;
  --bs-btn-disabled-color: #14b8a6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #14b8a6;
}
.btn-soft-teal {
  --bs-btn-color: #14b8a6;
  --bs-btn-bg: rgba(20, 184, 166, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #14b8a6;
  --bs-btn-hover-bg: rgba(20, 184, 166, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 20, 184, 166;
  --bs-btn-active-color: #14b8a6;
  --bs-btn-active-bg: rgba(20, 184, 166, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #14b8a6;
  --bs-btn-disabled-bg: rgba(20, 184, 166, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-teal {
  --bs-btn-color: #134e4a;
  --bs-btn-bg: rgba(15, 118, 110, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #0f766e;
  --bs-btn-hover-bg: rgba(15, 118, 110, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 15, 118, 110;
  --bs-btn-active-color: #134e4a;
  --bs-btn-active-bg: rgba(15, 118, 110, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #d9f7f3;
  --bs-btn-disabled-bg: rgba(15, 118, 110, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-teal {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14b8a6;
  --bs-btn-border-color: #14b8a6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0e8174;
  --bs-btn-hover-border-color: #0e8174;
  --bs-btn-focus-shadow-rgb: 20, 184, 166;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e8174;
  --bs-btn-active-border-color: #0e8174;
  --bs-btn-disabled-color: #0e8174;
  --bs-btn-disabled-bg: #14b8a6;
  --bs-btn-disabled-border-color: #14b8a6;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-cyan-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #d9f6ff;
  --bs-btn-border-color: #d9f6ff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #b0ecff;
  --bs-btn-hover-border-color: #b0ecff;
  --bs-btn-focus-shadow-rgb: 217, 246, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #9ce8ff;
  --bs-btn-active-border-color: #9ce8ff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #d9f6ff;
  --bs-btn-disabled-border-color: #d9f6ff;
}
.btn-cyan-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #91e3f7;
  --bs-btn-border-color: #91e3f7;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #6bd9f4;
  --bs-btn-hover-border-color: #6bd9f4;
  --bs-btn-focus-shadow-rgb: 145, 227, 247;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #58d4f3;
  --bs-btn-active-border-color: #58d4f3;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #91e3f7;
  --bs-btn-disabled-border-color: #91e3f7;
}
.btn-cyan,
.btn-cyan-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #06b6d4;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0594ac;
  --bs-btn-hover-border-color: #0594ac;
  --bs-btn-focus-shadow-rgb: 6, 182, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #048398;
  --bs-btn-active-border-color: #048398;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #06b6d4;
  --bs-btn-disabled-border-color: #06b6d4;
}
.btn-cyan-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0e7490;
  --bs-btn-border-color: #0e7490;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0a566b;
  --bs-btn-hover-border-color: #0a566b;
  --bs-btn-focus-shadow-rgb: 14, 116, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #094758;
  --bs-btn-active-border-color: #094758;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0e7490;
  --bs-btn-disabled-border-color: #0e7490;
}
.btn-cyan-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #164e63;
  --bs-btn-border-color: #164e63;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f3442;
  --bs-btn-hover-border-color: #0f3442;
  --bs-btn-focus-shadow-rgb: 22, 78, 99;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b2731;
  --bs-btn-active-border-color: #0b2731;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #164e63;
  --bs-btn-disabled-border-color: #164e63;
}
.btn-outline-cyan {
  --bs-btn-color: #06b6d4;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #06b6d4;
  --bs-btn-hover-border-color: #06b6d4;
  --bs-btn-focus-shadow-rgb: 6, 182, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0594ac;
  --bs-btn-active-border-color: #0594ac;
  --bs-btn-disabled-color: #06b6d4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #06b6d4;
}
.btn-soft-cyan {
  --bs-btn-color: #06b6d4;
  --bs-btn-bg: rgba(6, 182, 212, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #06b6d4;
  --bs-btn-hover-bg: rgba(6, 182, 212, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 6, 182, 212;
  --bs-btn-active-color: #06b6d4;
  --bs-btn-active-bg: rgba(6, 182, 212, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #06b6d4;
  --bs-btn-disabled-bg: rgba(6, 182, 212, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-cyan {
  --bs-btn-color: #164e63;
  --bs-btn-bg: rgba(14, 116, 144, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #0e7490;
  --bs-btn-hover-bg: rgba(14, 116, 144, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 14, 116, 144;
  --bs-btn-active-color: #164e63;
  --bs-btn-active-bg: rgba(14, 116, 144, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #d9f6ff;
  --bs-btn-disabled-bg: rgba(14, 116, 144, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-cyan {
  --bs-btn-color: #fff;
  --bs-btn-bg: #06b6d4;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #048398;
  --bs-btn-hover-border-color: #048398;
  --bs-btn-focus-shadow-rgb: 6, 182, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #048398;
  --bs-btn-active-border-color: #048398;
  --bs-btn-disabled-color: #048398;
  --bs-btn-disabled-bg: #06b6d4;
  --bs-btn-disabled-border-color: #06b6d4;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-green-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #dcfce7;
  --bs-btn-border-color: #dcfce7;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #b6f9cd;
  --bs-btn-hover-border-color: #b6f9cd;
  --bs-btn-focus-shadow-rgb: 220, 252, 231;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a4f7c0;
  --bs-btn-active-border-color: #a4f7c0;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #dcfce7;
  --bs-btn-disabled-border-color: #dcfce7;
}
.btn-green-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #9be7ae;
  --bs-btn-border-color: #9be7ae;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #7adf93;
  --bs-btn-hover-border-color: #7adf93;
  --bs-btn-focus-shadow-rgb: 155, 231, 174;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #6adb86;
  --bs-btn-active-border-color: #6adb86;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #9be7ae;
  --bs-btn-disabled-border-color: #9be7ae;
}
.btn-green,
.btn-green-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1ca24d;
  --bs-btn-hover-border-color: #1ca24d;
  --bs-btn-focus-shadow-rgb: 34, 197, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #199145;
  --bs-btn-active-border-color: #199145;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #22c55e;
  --bs-btn-disabled-border-color: #22c55e;
}
.btn-green-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #15803d;
  --bs-btn-border-color: #15803d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f5d2c;
  --bs-btn-hover-border-color: #0f5d2c;
  --bs-btn-focus-shadow-rgb: 21, 128, 61;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c4b24;
  --bs-btn-active-border-color: #0c4b24;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #15803d;
  --bs-btn-disabled-border-color: #15803d;
}
.btn-green-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14532d;
  --bs-btn-border-color: #14532d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0c321b;
  --bs-btn-hover-border-color: #0c321b;
  --bs-btn-focus-shadow-rgb: 20, 83, 45;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #082212;
  --bs-btn-active-border-color: #082212;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #14532d;
  --bs-btn-disabled-border-color: #14532d;
}
.btn-outline-green {
  --bs-btn-color: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #22c55e;
  --bs-btn-hover-border-color: #22c55e;
  --bs-btn-focus-shadow-rgb: 34, 197, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1ca24d;
  --bs-btn-active-border-color: #1ca24d;
  --bs-btn-disabled-color: #22c55e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #22c55e;
}
.btn-soft-green {
  --bs-btn-color: #22c55e;
  --bs-btn-bg: rgba(34, 197, 94, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #22c55e;
  --bs-btn-hover-bg: rgba(34, 197, 94, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 34, 197, 94;
  --bs-btn-active-color: #22c55e;
  --bs-btn-active-bg: rgba(34, 197, 94, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #22c55e;
  --bs-btn-disabled-bg: rgba(34, 197, 94, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-green {
  --bs-btn-color: #14532d;
  --bs-btn-bg: rgba(21, 128, 61, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #15803d;
  --bs-btn-hover-bg: rgba(21, 128, 61, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 21, 128, 61;
  --bs-btn-active-color: #14532d;
  --bs-btn-active-bg: rgba(21, 128, 61, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #dcfce7;
  --bs-btn-disabled-bg: rgba(21, 128, 61, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #199145;
  --bs-btn-hover-border-color: #199145;
  --bs-btn-focus-shadow-rgb: 34, 197, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #199145;
  --bs-btn-active-border-color: #199145;
  --bs-btn-disabled-color: #199145;
  --bs-btn-disabled-bg: #22c55e;
  --bs-btn-disabled-border-color: #22c55e;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-lime-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #efffcf;
  --bs-btn-border-color: #efffcf;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #e1ffa6;
  --bs-btn-hover-border-color: #e1ffa6;
  --bs-btn-focus-shadow-rgb: 239, 255, 207;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #dbff92;
  --bs-btn-active-border-color: #dbff92;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #efffcf;
  --bs-btn-disabled-border-color: #efffcf;
}
.btn-lime-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #cff27e;
  --bs-btn-border-color: #cff27e;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #c1ee59;
  --bs-btn-hover-border-color: #c1ee59;
  --bs-btn-focus-shadow-rgb: 207, 242, 126;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #baec46;
  --bs-btn-active-border-color: #baec46;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #cff27e;
  --bs-btn-disabled-border-color: #cff27e;
}
.btn-lime,
.btn-lime-500 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #84cc16;
  --bs-btn-border-color: #84cc16;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #6ca712;
  --bs-btn-hover-border-color: #6ca712;
  --bs-btn-focus-shadow-rgb: 132, 204, 22;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #609510;
  --bs-btn-active-border-color: #609510;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #84cc16;
  --bs-btn-disabled-border-color: #84cc16;
}
.btn-lime-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4d7c0f;
  --bs-btn-border-color: #4d7c0f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #36580b;
  --bs-btn-hover-border-color: #36580b;
  --bs-btn-focus-shadow-rgb: 77, 124, 15;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b4508;
  --bs-btn-active-border-color: #2b4508;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4d7c0f;
  --bs-btn-disabled-border-color: #4d7c0f;
}
.btn-lime-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #365314;
  --bs-btn-border-color: #365314;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #21320c;
  --bs-btn-hover-border-color: #21320c;
  --bs-btn-focus-shadow-rgb: 54, 83, 20;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #162208;
  --bs-btn-active-border-color: #162208;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #365314;
  --bs-btn-disabled-border-color: #365314;
}
.btn-outline-lime {
  --bs-btn-color: #84cc16;
  --bs-btn-border-color: #84cc16;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #84cc16;
  --bs-btn-hover-border-color: #84cc16;
  --bs-btn-focus-shadow-rgb: 132, 204, 22;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #6ca712;
  --bs-btn-active-border-color: #6ca712;
  --bs-btn-disabled-color: #84cc16;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #84cc16;
}
.btn-soft-lime {
  --bs-btn-color: #84cc16;
  --bs-btn-bg: rgba(132, 204, 22, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #84cc16;
  --bs-btn-hover-bg: rgba(132, 204, 22, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 132, 204, 22;
  --bs-btn-active-color: #84cc16;
  --bs-btn-active-bg: rgba(132, 204, 22, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #84cc16;
  --bs-btn-disabled-bg: rgba(132, 204, 22, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-lime {
  --bs-btn-color: #365314;
  --bs-btn-bg: rgba(77, 124, 15, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #4d7c0f;
  --bs-btn-hover-bg: rgba(77, 124, 15, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 77, 124, 15;
  --bs-btn-active-color: #365314;
  --bs-btn-active-bg: rgba(77, 124, 15, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #efffcf;
  --bs-btn-disabled-bg: rgba(77, 124, 15, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-lime {
  --bs-btn-color: #fff;
  --bs-btn-bg: #84cc16;
  --bs-btn-border-color: #84cc16;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #609510;
  --bs-btn-hover-border-color: #609510;
  --bs-btn-focus-shadow-rgb: 132, 204, 22;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #609510;
  --bs-btn-active-border-color: #609510;
  --bs-btn-disabled-color: #609510;
  --bs-btn-disabled-bg: #84cc16;
  --bs-btn-disabled-border-color: #84cc16;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-amber-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fff3cd;
  --bs-btn-border-color: #fff3cd;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffe9a4;
  --bs-btn-hover-border-color: #ffe9a4;
  --bs-btn-focus-shadow-rgb: 255, 243, 205;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffe490;
  --bs-btn-active-border-color: #ffe490;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fff3cd;
  --bs-btn-disabled-border-color: #fff3cd;
}
.btn-amber-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffda75;
  --bs-btn-border-color: #ffda75;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffcf4c;
  --bs-btn-hover-border-color: #ffcf4c;
  --bs-btn-focus-shadow-rgb: 255, 218, 117;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffca38;
  --bs-btn-active-border-color: #ffca38;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffda75;
  --bs-btn-disabled-border-color: #ffda75;
}
.btn-amber,
.btn-amber-500 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #cf8508;
  --bs-btn-hover-border-color: #cf8508;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #bb7808;
  --bs-btn-active-border-color: #bb7808;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f59e0b;
  --bs-btn-disabled-border-color: #f59e0b;
}
.btn-amber-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b45309;
  --bs-btn-border-color: #b45309;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8d4107;
  --bs-btn-hover-border-color: #8d4107;
  --bs-btn-focus-shadow-rgb: 180, 83, 9;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7a3806;
  --bs-btn-active-border-color: #7a3806;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b45309;
  --bs-btn-disabled-border-color: #b45309;
}
.btn-amber-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #78350f;
  --bs-btn-border-color: #78350f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #54250a;
  --bs-btn-hover-border-color: #54250a;
  --bs-btn-focus-shadow-rgb: 120, 53, 15;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #421d08;
  --bs-btn-active-border-color: #421d08;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #78350f;
  --bs-btn-disabled-border-color: #78350f;
}
.btn-outline-amber {
  --bs-btn-color: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f59e0b;
  --bs-btn-hover-border-color: #f59e0b;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #cf8508;
  --bs-btn-active-border-color: #cf8508;
  --bs-btn-disabled-color: #f59e0b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f59e0b;
}
.btn-soft-amber {
  --bs-btn-color: #f59e0b;
  --bs-btn-bg: rgba(245, 158, 11, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #f59e0b;
  --bs-btn-hover-bg: rgba(245, 158, 11, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #f59e0b;
  --bs-btn-active-bg: rgba(245, 158, 11, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #f59e0b;
  --bs-btn-disabled-bg: rgba(245, 158, 11, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-amber {
  --bs-btn-color: #78350f;
  --bs-btn-bg: rgba(180, 83, 9, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #b45309;
  --bs-btn-hover-bg: rgba(180, 83, 9, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 180, 83, 9;
  --bs-btn-active-color: #78350f;
  --bs-btn-active-bg: rgba(180, 83, 9, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #fff3cd;
  --bs-btn-disabled-bg: rgba(180, 83, 9, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-amber {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb7808;
  --bs-btn-hover-border-color: #bb7808;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bb7808;
  --bs-btn-active-border-color: #bb7808;
  --bs-btn-disabled-color: #bb7808;
  --bs-btn-disabled-bg: #f59e0b;
  --bs-btn-disabled-border-color: #f59e0b;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-orange-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffead5;
  --bs-btn-border-color: #ffead5;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffd6ac;
  --bs-btn-hover-border-color: #ffd6ac;
  --bs-btn-focus-shadow-rgb: 255, 234, 213;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffcb98;
  --bs-btn-active-border-color: #ffcb98;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffead5;
  --bs-btn-disabled-border-color: #ffead5;
}
.btn-orange-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffc084;
  --bs-btn-border-color: #ffc084;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffab5b;
  --bs-btn-hover-border-color: #ffab5b;
  --bs-btn-focus-shadow-rgb: 255, 192, 132;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffa147;
  --bs-btn-active-border-color: #ffa147;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffc084;
  --bs-btn-disabled-border-color: #ffc084;
}
.btn-orange,
.btn-orange-500 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f97316;
  --bs-btn-border-color: #f97316;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #e05f06;
  --bs-btn-hover-border-color: #e05f06;
  --bs-btn-focus-shadow-rgb: 249, 115, 22;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #cd5705;
  --bs-btn-active-border-color: #cd5705;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f97316;
  --bs-btn-disabled-border-color: #f97316;
}
.btn-orange-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c2410c;
  --bs-btn-border-color: #c2410c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9c340a;
  --bs-btn-hover-border-color: #9c340a;
  --bs-btn-focus-shadow-rgb: 194, 65, 12;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #882e08;
  --bs-btn-active-border-color: #882e08;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c2410c;
  --bs-btn-disabled-border-color: #c2410c;
}
.btn-orange-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7c2d12;
  --bs-btn-border-color: #7c2d12;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #58200d;
  --bs-btn-hover-border-color: #58200d;
  --bs-btn-focus-shadow-rgb: 124, 45, 18;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #471a0a;
  --bs-btn-active-border-color: #471a0a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7c2d12;
  --bs-btn-disabled-border-color: #7c2d12;
}
.btn-outline-orange {
  --bs-btn-color: #f97316;
  --bs-btn-border-color: #f97316;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f97316;
  --bs-btn-hover-border-color: #f97316;
  --bs-btn-focus-shadow-rgb: 249, 115, 22;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #e05f06;
  --bs-btn-active-border-color: #e05f06;
  --bs-btn-disabled-color: #f97316;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f97316;
}
.btn-soft-orange {
  --bs-btn-color: #f97316;
  --bs-btn-bg: rgba(249, 115, 22, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #f97316;
  --bs-btn-hover-bg: rgba(249, 115, 22, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 249, 115, 22;
  --bs-btn-active-color: #f97316;
  --bs-btn-active-bg: rgba(249, 115, 22, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #f97316;
  --bs-btn-disabled-bg: rgba(249, 115, 22, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-orange {
  --bs-btn-color: #7c2d12;
  --bs-btn-bg: rgba(194, 65, 12, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #c2410c;
  --bs-btn-hover-bg: rgba(194, 65, 12, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 194, 65, 12;
  --bs-btn-active-color: #7c2d12;
  --bs-btn-active-bg: rgba(194, 65, 12, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #ffead5;
  --bs-btn-disabled-bg: rgba(194, 65, 12, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f97316;
  --bs-btn-border-color: #f97316;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cd5705;
  --bs-btn-hover-border-color: #cd5705;
  --bs-btn-focus-shadow-rgb: 249, 115, 22;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cd5705;
  --bs-btn-active-border-color: #cd5705;
  --bs-btn-disabled-color: #cd5705;
  --bs-btn-disabled-bg: #f97316;
  --bs-btn-disabled-border-color: #f97316;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-red-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffe2e2;
  --bs-btn-border-color: #ffe2e2;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffb9b9;
  --bs-btn-hover-border-color: #ffb9b9;
  --bs-btn-focus-shadow-rgb: 255, 226, 226;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffa5a5;
  --bs-btn-active-border-color: #ffa5a5;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffe2e2;
  --bs-btn-disabled-border-color: #ffe2e2;
}
.btn-red-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffaaa8;
  --bs-btn-border-color: #ffaaa8;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ff827f;
  --bs-btn-hover-border-color: #ff827f;
  --bs-btn-focus-shadow-rgb: 255, 170, 168;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ff6e6b;
  --bs-btn-active-border-color: #ff6e6b;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffaaa8;
  --bs-btn-disabled-border-color: #ffaaa8;
}
.btn-red,
.btn-red-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ec1e1e;
  --bs-btn-hover-border-color: #ec1e1e;
  --bs-btn-focus-shadow-rgb: 239, 68, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e21313;
  --bs-btn-active-border-color: #e21313;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ef4444;
  --bs-btn-disabled-border-color: #ef4444;
}
.btn-red-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b91c1c;
  --bs-btn-border-color: #b91c1c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #961717;
  --bs-btn-hover-border-color: #961717;
  --bs-btn-focus-shadow-rgb: 185, 28, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #841414;
  --bs-btn-active-border-color: #841414;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b91c1c;
  --bs-btn-disabled-border-color: #b91c1c;
}
.btn-red-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7f1d1d;
  --bs-btn-border-color: #7f1d1d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5e1515;
  --bs-btn-hover-border-color: #5e1515;
  --bs-btn-focus-shadow-rgb: 127, 29, 29;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d1212;
  --bs-btn-active-border-color: #4d1212;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7f1d1d;
  --bs-btn-disabled-border-color: #7f1d1d;
}
.btn-outline-red {
  --bs-btn-color: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ef4444;
  --bs-btn-hover-border-color: #ef4444;
  --bs-btn-focus-shadow-rgb: 239, 68, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ec1e1e;
  --bs-btn-active-border-color: #ec1e1e;
  --bs-btn-disabled-color: #ef4444;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ef4444;
}
.btn-soft-red {
  --bs-btn-color: #ef4444;
  --bs-btn-bg: rgba(239, 68, 68, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #ef4444;
  --bs-btn-hover-bg: rgba(239, 68, 68, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 239, 68, 68;
  --bs-btn-active-color: #ef4444;
  --bs-btn-active-bg: rgba(239, 68, 68, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #ef4444;
  --bs-btn-disabled-bg: rgba(239, 68, 68, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-red {
  --bs-btn-color: #7f1d1d;
  --bs-btn-bg: rgba(185, 28, 28, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #b91c1c;
  --bs-btn-hover-bg: rgba(185, 28, 28, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 185, 28, 28;
  --bs-btn-active-color: #7f1d1d;
  --bs-btn-active-bg: rgba(185, 28, 28, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #ffe2e2;
  --bs-btn-disabled-bg: rgba(185, 28, 28, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e21313;
  --bs-btn-hover-border-color: #e21313;
  --bs-btn-focus-shadow-rgb: 239, 68, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e21313;
  --bs-btn-active-border-color: #e21313;
  --bs-btn-disabled-color: #e21313;
  --bs-btn-disabled-bg: #ef4444;
  --bs-btn-disabled-border-color: #ef4444;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-slate-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #edf1f5;
  --bs-btn-border-color: #edf1f5;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #d3dde6;
  --bs-btn-hover-border-color: #d3dde6;
  --bs-btn-focus-shadow-rgb: 237, 241, 245;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #c6d2df;
  --bs-btn-active-border-color: #c6d2df;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #edf1f5;
  --bs-btn-disabled-border-color: #edf1f5;
}
.btn-slate-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #b6c2d0;
  --bs-btn-border-color: #b6c2d0;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #9dadc0;
  --bs-btn-hover-border-color: #9dadc0;
  --bs-btn-focus-shadow-rgb: 182, 194, 208;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #91a3b8;
  --bs-btn-active-border-color: #91a3b8;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #b6c2d0;
  --bs-btn-disabled-border-color: #b6c2d0;
}
.btn-slate,
.btn-slate-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #64748b;
  --bs-btn-border-color: #64748b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #536073;
  --bs-btn-hover-border-color: #536073;
  --bs-btn-focus-shadow-rgb: 100, 116, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4a5667;
  --bs-btn-active-border-color: #4a5667;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #64748b;
  --bs-btn-disabled-border-color: #64748b;
}
.btn-slate-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #334155;
  --bs-btn-border-color: #334155;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #242d3b;
  --bs-btn-hover-border-color: #242d3b;
  --bs-btn-focus-shadow-rgb: 51, 65, 85;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1c242f;
  --bs-btn-active-border-color: #1c242f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #334155;
  --bs-btn-disabled-border-color: #334155;
}
.btn-slate-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0f172a;
  --bs-btn-border-color: #0f172a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #04070c;
  --bs-btn-hover-border-color: #04070c;
  --bs-btn-focus-shadow-rgb: 15, 23, 42;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0f172a;
  --bs-btn-disabled-border-color: #0f172a;
}
.btn-outline-slate {
  --bs-btn-color: #64748b;
  --bs-btn-border-color: #64748b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #64748b;
  --bs-btn-hover-border-color: #64748b;
  --bs-btn-focus-shadow-rgb: 100, 116, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #536073;
  --bs-btn-active-border-color: #536073;
  --bs-btn-disabled-color: #64748b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #64748b;
}
.btn-soft-slate {
  --bs-btn-color: #64748b;
  --bs-btn-bg: rgba(100, 116, 139, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #64748b;
  --bs-btn-hover-bg: rgba(100, 116, 139, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 100, 116, 139;
  --bs-btn-active-color: #64748b;
  --bs-btn-active-bg: rgba(100, 116, 139, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #64748b;
  --bs-btn-disabled-bg: rgba(100, 116, 139, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-slate {
  --bs-btn-color: #0f172a;
  --bs-btn-bg: rgba(51, 65, 85, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #334155;
  --bs-btn-hover-bg: rgba(51, 65, 85, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 51, 65, 85;
  --bs-btn-active-color: #0f172a;
  --bs-btn-active-bg: rgba(51, 65, 85, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #edf1f5;
  --bs-btn-disabled-bg: rgba(51, 65, 85, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-slate {
  --bs-btn-color: #fff;
  --bs-btn-bg: #64748b;
  --bs-btn-border-color: #64748b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4a5667;
  --bs-btn-hover-border-color: #4a5667;
  --bs-btn-focus-shadow-rgb: 100, 116, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4a5667;
  --bs-btn-active-border-color: #4a5667;
  --bs-btn-disabled-color: #4a5667;
  --bs-btn-disabled-bg: #64748b;
  --bs-btn-disabled-border-color: #64748b;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-brown-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #efebe9;
  --bs-btn-border-color: #efebe9;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ded6d1;
  --bs-btn-hover-border-color: #ded6d1;
  --bs-btn-focus-shadow-rgb: 239, 235, 233;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #d5cbc6;
  --bs-btn-active-border-color: #d5cbc6;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #efebe9;
  --bs-btn-disabled-border-color: #efebe9;
}
.btn-brown-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #bcaaa4;
  --bs-btn-border-color: #bcaaa4;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ab948d;
  --bs-btn-hover-border-color: #ab948d;
  --bs-btn-focus-shadow-rgb: 188, 170, 164;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a28981;
  --bs-btn-active-border-color: #a28981;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #bcaaa4;
  --bs-btn-disabled-border-color: #bcaaa4;
}
.btn-brown,
.btn-brown-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #795548;
  --bs-btn-border-color: #795548;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5f4339;
  --bs-btn-hover-border-color: #5f4339;
  --bs-btn-focus-shadow-rgb: 121, 85, 72;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #533a31;
  --bs-btn-active-border-color: #533a31;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #795548;
  --bs-btn-disabled-border-color: #795548;
}
.btn-brown-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5d4037;
  --bs-btn-border-color: #5d4037;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #432e28;
  --bs-btn-hover-border-color: #432e28;
  --bs-btn-focus-shadow-rgb: 93, 64, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #372620;
  --bs-btn-active-border-color: #372620;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5d4037;
  --bs-btn-disabled-border-color: #5d4037;
}
.btn-brown-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3e2723;
  --bs-btn-border-color: #3e2723;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #241714;
  --bs-btn-hover-border-color: #241714;
  --bs-btn-focus-shadow-rgb: 62, 39, 35;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #170e0d;
  --bs-btn-active-border-color: #170e0d;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3e2723;
  --bs-btn-disabled-border-color: #3e2723;
}
.btn-outline-brown {
  --bs-btn-color: #795548;
  --bs-btn-border-color: #795548;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #795548;
  --bs-btn-hover-border-color: #795548;
  --bs-btn-focus-shadow-rgb: 121, 85, 72;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5f4339;
  --bs-btn-active-border-color: #5f4339;
  --bs-btn-disabled-color: #795548;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #795548;
}
.btn-soft-brown {
  --bs-btn-color: #795548;
  --bs-btn-bg: rgba(121, 85, 72, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #795548;
  --bs-btn-hover-bg: rgba(121, 85, 72, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 121, 85, 72;
  --bs-btn-active-color: #795548;
  --bs-btn-active-bg: rgba(121, 85, 72, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #795548;
  --bs-btn-disabled-bg: rgba(121, 85, 72, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-brown {
  --bs-btn-color: #3e2723;
  --bs-btn-bg: rgba(93, 64, 55, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #5d4037;
  --bs-btn-hover-bg: rgba(93, 64, 55, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 93, 64, 55;
  --bs-btn-active-color: #3e2723;
  --bs-btn-active-bg: rgba(93, 64, 55, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #efebe9;
  --bs-btn-disabled-bg: rgba(93, 64, 55, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-brown {
  --bs-btn-color: #fff;
  --bs-btn-bg: #795548;
  --bs-btn-border-color: #795548;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #533a31;
  --bs-btn-hover-border-color: #533a31;
  --bs-btn-focus-shadow-rgb: 121, 85, 72;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #533a31;
  --bs-btn-active-border-color: #533a31;
  --bs-btn-disabled-color: #533a31;
  --bs-btn-disabled-bg: #795548;
  --bs-btn-disabled-border-color: #795548;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-gold-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fff8e1;
  --bs-btn-border-color: #fff8e1;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffeeb8;
  --bs-btn-hover-border-color: #ffeeb8;
  --bs-btn-focus-shadow-rgb: 255, 248, 225;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffeaa4;
  --bs-btn-active-border-color: #ffeaa4;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fff8e1;
  --bs-btn-disabled-border-color: #fff8e1;
}
.btn-gold-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffe082;
  --bs-btn-border-color: #ffe082;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffd659;
  --bs-btn-hover-border-color: #ffd659;
  --bs-btn-focus-shadow-rgb: 255, 224, 130;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffd145;
  --bs-btn-active-border-color: #ffd145;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffe082;
  --bs-btn-disabled-border-color: #ffe082;
}
.btn-gold,
.btn-gold-500 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #dda600;
  --bs-btn-hover-border-color: #dda600;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #c99700;
  --bs-btn-active-border-color: #c99700;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-gold-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff8f00;
  --bs-btn-border-color: #ff8f00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d67800;
  --bs-btn-hover-border-color: #d67800;
  --bs-btn-focus-shadow-rgb: 255, 143, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c26d00;
  --bs-btn-active-border-color: #c26d00;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff8f00;
  --bs-btn-disabled-border-color: #ff8f00;
}
.btn-gold-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e65100;
  --bs-btn-border-color: #e65100;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bd4300;
  --bs-btn-hover-border-color: #bd4300;
  --bs-btn-focus-shadow-rgb: 230, 81, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a93b00;
  --bs-btn-active-border-color: #a93b00;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e65100;
  --bs-btn-disabled-border-color: #e65100;
}
.btn-outline-gold {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #dda600;
  --bs-btn-active-border-color: #dda600;
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-soft-gold {
  --bs-btn-color: #ffc107;
  --bs-btn-bg: rgba(255, 193, 7, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #ffc107;
  --bs-btn-hover-bg: rgba(255, 193, 7, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #ffc107;
  --bs-btn-active-bg: rgba(255, 193, 7, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: rgba(255, 193, 7, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-gold {
  --bs-btn-color: #e65100;
  --bs-btn-bg: rgba(255, 143, 0, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #ff8f00;
  --bs-btn-hover-bg: rgba(255, 143, 0, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 255, 143, 0;
  --bs-btn-active-color: #e65100;
  --bs-btn-active-bg: rgba(255, 143, 0, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #fff8e1;
  --bs-btn-disabled-bg: rgba(255, 143, 0, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-gold {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c99700;
  --bs-btn-hover-border-color: #c99700;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c99700;
  --bs-btn-active-border-color: #c99700;
  --bs-btn-disabled-color: #c99700;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-navy-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #e3f2fd;
  --bs-btn-border-color: #e3f2fd;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #bde0fa;
  --bs-btn-hover-border-color: #bde0fa;
  --bs-btn-focus-shadow-rgb: 227, 242, 253;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #aad7f9;
  --bs-btn-active-border-color: #aad7f9;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #e3f2fd;
  --bs-btn-disabled-border-color: #e3f2fd;
}
.btn-navy-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #90caf9;
  --bs-btn-border-color: #90caf9;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #69b8f7;
  --bs-btn-hover-border-color: #69b8f7;
  --bs-btn-focus-shadow-rgb: 144, 202, 249;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #56aef6;
  --bs-btn-active-border-color: #56aef6;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #90caf9;
  --bs-btn-disabled-border-color: #90caf9;
}
.btn-navy,
.btn-navy-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1e3a5f;
  --bs-btn-border-color: #1e3a5f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #142740;
  --bs-btn-hover-border-color: #142740;
  --bs-btn-focus-shadow-rgb: 30, 58, 95;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f1e30;
  --bs-btn-active-border-color: #0f1e30;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1e3a5f;
  --bs-btn-disabled-border-color: #1e3a5f;
}
.btn-navy-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #172554;
  --bs-btn-border-color: #172554;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0e1734;
  --bs-btn-hover-border-color: #0e1734;
  --bs-btn-focus-shadow-rgb: 23, 37, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a1024;
  --bs-btn-active-border-color: #0a1024;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #172554;
  --bs-btn-disabled-border-color: #172554;
}
.btn-navy-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0f172a;
  --bs-btn-border-color: #0f172a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #04070c;
  --bs-btn-hover-border-color: #04070c;
  --bs-btn-focus-shadow-rgb: 15, 23, 42;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0f172a;
  --bs-btn-disabled-border-color: #0f172a;
}
.btn-outline-navy {
  --bs-btn-color: #1e3a5f;
  --bs-btn-border-color: #1e3a5f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1e3a5f;
  --bs-btn-hover-border-color: #1e3a5f;
  --bs-btn-focus-shadow-rgb: 30, 58, 95;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #142740;
  --bs-btn-active-border-color: #142740;
  --bs-btn-disabled-color: #1e3a5f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1e3a5f;
}
.btn-soft-navy {
  --bs-btn-color: #1e3a5f;
  --bs-btn-bg: rgba(30, 58, 95, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #1e3a5f;
  --bs-btn-hover-bg: rgba(30, 58, 95, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 30, 58, 95;
  --bs-btn-active-color: #1e3a5f;
  --bs-btn-active-bg: rgba(30, 58, 95, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #1e3a5f;
  --bs-btn-disabled-bg: rgba(30, 58, 95, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-navy {
  --bs-btn-color: #0f172a;
  --bs-btn-bg: rgba(23, 37, 84, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #172554;
  --bs-btn-hover-bg: rgba(23, 37, 84, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 23, 37, 84;
  --bs-btn-active-color: #0f172a;
  --bs-btn-active-bg: rgba(23, 37, 84, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #e3f2fd;
  --bs-btn-disabled-bg: rgba(23, 37, 84, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-navy {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1e3a5f;
  --bs-btn-border-color: #1e3a5f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f1e30;
  --bs-btn-hover-border-color: #0f1e30;
  --bs-btn-focus-shadow-rgb: 30, 58, 95;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f1e30;
  --bs-btn-active-border-color: #0f1e30;
  --bs-btn-disabled-color: #0f1e30;
  --bs-btn-disabled-bg: #1e3a5f;
  --bs-btn-disabled-border-color: #1e3a5f;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-mint-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #d1fae5;
  --bs-btn-border-color: #d1fae5;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #acf6d0;
  --bs-btn-hover-border-color: #acf6d0;
  --bs-btn-focus-shadow-rgb: 209, 250, 229;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #9af4c6;
  --bs-btn-active-border-color: #9af4c6;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #d1fae5;
  --bs-btn-disabled-border-color: #d1fae5;
}
.btn-mint-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #6ee7b7;
  --bs-btn-border-color: #6ee7b7;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #4be1a6;
  --bs-btn-hover-border-color: #4be1a6;
  --bs-btn-focus-shadow-rgb: 110, 231, 183;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #39de9d;
  --bs-btn-active-border-color: #39de9d;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #6ee7b7;
  --bs-btn-disabled-border-color: #6ee7b7;
}
.btn-mint,
.btn-mint-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #10b981;
  --bs-btn-border-color: #10b981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d9367;
  --bs-btn-hover-border-color: #0d9367;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b815a;
  --bs-btn-active-border-color: #0b815a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #10b981;
  --bs-btn-disabled-border-color: #10b981;
}
.btn-mint-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #047857;
  --bs-btn-border-color: #047857;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #03513a;
  --bs-btn-hover-border-color: #03513a;
  --bs-btn-focus-shadow-rgb: 4, 120, 87;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #023d2c;
  --bs-btn-active-border-color: #023d2c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #047857;
  --bs-btn-disabled-border-color: #047857;
}
.btn-mint-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #064e3b;
  --bs-btn-border-color: #064e3b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #03281e;
  --bs-btn-hover-border-color: #03281e;
  --bs-btn-focus-shadow-rgb: 6, 78, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #021510;
  --bs-btn-active-border-color: #021510;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #064e3b;
  --bs-btn-disabled-border-color: #064e3b;
}
.btn-outline-mint {
  --bs-btn-color: #10b981;
  --bs-btn-border-color: #10b981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #10b981;
  --bs-btn-hover-border-color: #10b981;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d9367;
  --bs-btn-active-border-color: #0d9367;
  --bs-btn-disabled-color: #10b981;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #10b981;
}
.btn-soft-mint {
  --bs-btn-color: #10b981;
  --bs-btn-bg: rgba(16, 185, 129, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #10b981;
  --bs-btn-hover-bg: rgba(16, 185, 129, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #10b981;
  --bs-btn-active-bg: rgba(16, 185, 129, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #10b981;
  --bs-btn-disabled-bg: rgba(16, 185, 129, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-mint {
  --bs-btn-color: #064e3b;
  --bs-btn-bg: rgba(4, 120, 87, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #047857;
  --bs-btn-hover-bg: rgba(4, 120, 87, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 4, 120, 87;
  --bs-btn-active-color: #064e3b;
  --bs-btn-active-bg: rgba(4, 120, 87, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #d1fae5;
  --bs-btn-disabled-bg: rgba(4, 120, 87, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-mint {
  --bs-btn-color: #fff;
  --bs-btn-bg: #10b981;
  --bs-btn-border-color: #10b981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b815a;
  --bs-btn-hover-border-color: #0b815a;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b815a;
  --bs-btn-active-border-color: #0b815a;
  --bs-btn-disabled-color: #0b815a;
  --bs-btn-disabled-bg: #10b981;
  --bs-btn-disabled-border-color: #10b981;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-charcoal-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #eceff1;
  --bs-btn-border-color: #eceff1;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #d5dbe0;
  --bs-btn-hover-border-color: #d5dbe0;
  --bs-btn-focus-shadow-rgb: 236, 239, 241;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #c9d1d7;
  --bs-btn-active-border-color: #c9d1d7;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #eceff1;
  --bs-btn-disabled-border-color: #eceff1;
}
.btn-charcoal-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #b0bec5;
  --bs-btn-border-color: #b0bec5;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #98abb4;
  --bs-btn-hover-border-color: #98abb4;
  --bs-btn-focus-shadow-rgb: 176, 190, 197;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #8da1ab;
  --bs-btn-active-border-color: #8da1ab;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #b0bec5;
  --bs-btn-disabled-border-color: #b0bec5;
}
.btn-charcoal,
.btn-charcoal-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #455a64;
  --bs-btn-border-color: #455a64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #34444c;
  --bs-btn-hover-border-color: #34444c;
  --bs-btn-focus-shadow-rgb: 69, 90, 100;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c3940;
  --bs-btn-active-border-color: #2c3940;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #455a64;
  --bs-btn-disabled-border-color: #455a64;
}
.btn-charcoal-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #263238;
  --bs-btn-border-color: #263238;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #161c20;
  --bs-btn-hover-border-color: #161c20;
  --bs-btn-focus-shadow-rgb: 38, 50, 56;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d1114;
  --bs-btn-active-border-color: #0d1114;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #263238;
  --bs-btn-disabled-border-color: #263238;
}
.btn-charcoal-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #102027;
  --bs-btn-border-color: #102027;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #04080a;
  --bs-btn-hover-border-color: #04080a;
  --bs-btn-focus-shadow-rgb: 16, 32, 39;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #102027;
  --bs-btn-disabled-border-color: #102027;
}
.btn-outline-charcoal {
  --bs-btn-color: #455a64;
  --bs-btn-border-color: #455a64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #455a64;
  --bs-btn-hover-border-color: #455a64;
  --bs-btn-focus-shadow-rgb: 69, 90, 100;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #34444c;
  --bs-btn-active-border-color: #34444c;
  --bs-btn-disabled-color: #455a64;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #455a64;
}
.btn-soft-charcoal {
  --bs-btn-color: #455a64;
  --bs-btn-bg: rgba(69, 90, 100, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #455a64;
  --bs-btn-hover-bg: rgba(69, 90, 100, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 69, 90, 100;
  --bs-btn-active-color: #455a64;
  --bs-btn-active-bg: rgba(69, 90, 100, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #455a64;
  --bs-btn-disabled-bg: rgba(69, 90, 100, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-charcoal {
  --bs-btn-color: #102027;
  --bs-btn-bg: rgba(38, 50, 56, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #263238;
  --bs-btn-hover-bg: rgba(38, 50, 56, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 38, 50, 56;
  --bs-btn-active-color: #102027;
  --bs-btn-active-bg: rgba(38, 50, 56, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #eceff1;
  --bs-btn-disabled-bg: rgba(38, 50, 56, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-charcoal {
  --bs-btn-color: #fff;
  --bs-btn-bg: #455a64;
  --bs-btn-border-color: #455a64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2c3940;
  --bs-btn-hover-border-color: #2c3940;
  --bs-btn-focus-shadow-rgb: 69, 90, 100;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c3940;
  --bs-btn-active-border-color: #2c3940;
  --bs-btn-disabled-color: #2c3940;
  --bs-btn-disabled-bg: #455a64;
  --bs-btn-disabled-border-color: #455a64;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-coral-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fff0ed;
  --bs-btn-border-color: #fff0ed;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #ffcec4;
  --bs-btn-hover-border-color: #ffcec4;
  --bs-btn-focus-shadow-rgb: 255, 240, 237;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ffbdb0;
  --bs-btn-active-border-color: #ffbdb0;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fff0ed;
  --bs-btn-disabled-border-color: #fff0ed;
}
.btn-coral-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fda4af;
  --bs-btn-border-color: #fda4af;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #fc7c8c;
  --bs-btn-hover-border-color: #fc7c8c;
  --bs-btn-focus-shadow-rgb: 253, 164, 175;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #fc687a;
  --bs-btn-active-border-color: #fc687a;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fda4af;
  --bs-btn-disabled-border-color: #fda4af;
}
.btn-coral,
.btn-coral-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f43f5e;
  --bs-btn-border-color: #f43f5e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f2183e;
  --bs-btn-hover-border-color: #f2183e;
  --bs-btn-focus-shadow-rgb: 244, 63, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e80d33;
  --bs-btn-active-border-color: #e80d33;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f43f5e;
  --bs-btn-disabled-border-color: #f43f5e;
}
.btn-coral-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #be123c;
  --bs-btn-border-color: #be123c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #990e30;
  --bs-btn-hover-border-color: #990e30;
  --bs-btn-focus-shadow-rgb: 190, 18, 60;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #860d2a;
  --bs-btn-active-border-color: #860d2a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #be123c;
  --bs-btn-disabled-border-color: #be123c;
}
.btn-coral-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #881337;
  --bs-btn-border-color: #881337;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #640e29;
  --bs-btn-hover-border-color: #640e29;
  --bs-btn-focus-shadow-rgb: 136, 19, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #520b21;
  --bs-btn-active-border-color: #520b21;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #881337;
  --bs-btn-disabled-border-color: #881337;
}
.btn-outline-coral {
  --bs-btn-color: #f43f5e;
  --bs-btn-border-color: #f43f5e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f43f5e;
  --bs-btn-hover-border-color: #f43f5e;
  --bs-btn-focus-shadow-rgb: 244, 63, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f2183e;
  --bs-btn-active-border-color: #f2183e;
  --bs-btn-disabled-color: #f43f5e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f43f5e;
}
.btn-soft-coral {
  --bs-btn-color: #f43f5e;
  --bs-btn-bg: rgba(244, 63, 94, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #f43f5e;
  --bs-btn-hover-bg: rgba(244, 63, 94, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 244, 63, 94;
  --bs-btn-active-color: #f43f5e;
  --bs-btn-active-bg: rgba(244, 63, 94, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #f43f5e;
  --bs-btn-disabled-bg: rgba(244, 63, 94, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-coral {
  --bs-btn-color: #881337;
  --bs-btn-bg: rgba(190, 18, 60, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #be123c;
  --bs-btn-hover-bg: rgba(190, 18, 60, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 190, 18, 60;
  --bs-btn-active-color: #881337;
  --bs-btn-active-bg: rgba(190, 18, 60, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #fff0ed;
  --bs-btn-disabled-bg: rgba(190, 18, 60, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-coral {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f43f5e;
  --bs-btn-border-color: #f43f5e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e80d33;
  --bs-btn-hover-border-color: #e80d33;
  --bs-btn-focus-shadow-rgb: 244, 63, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e80d33;
  --bs-btn-active-border-color: #e80d33;
  --bs-btn-disabled-color: #e80d33;
  --bs-btn-disabled-bg: #f43f5e;
  --bs-btn-disabled-border-color: #f43f5e;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-lavender-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f3e8ff;
  --bs-btn-border-color: #f3e8ff;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #debfff;
  --bs-btn-hover-border-color: #debfff;
  --bs-btn-focus-shadow-rgb: 243, 232, 255;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #d3abff;
  --bs-btn-active-border-color: #d3abff;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f3e8ff;
  --bs-btn-disabled-border-color: #f3e8ff;
}
.btn-lavender-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #d8b4fe;
  --bs-btn-border-color: #d8b4fe;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #c38cfd;
  --bs-btn-hover-border-color: #c38cfd;
  --bs-btn-focus-shadow-rgb: 216, 180, 254;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #b978fd;
  --bs-btn-active-border-color: #b978fd;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #d8b4fe;
  --bs-btn-disabled-border-color: #d8b4fe;
}
.btn-lavender,
.btn-lavender-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a855f7;
  --bs-btn-border-color: #a855f7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #942ef5;
  --bs-btn-hover-border-color: #942ef5;
  --bs-btn-focus-shadow-rgb: 168, 85, 247;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8a1bf4;
  --bs-btn-active-border-color: #8a1bf4;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a855f7;
  --bs-btn-disabled-border-color: #a855f7;
}
.btn-lavender-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7e22ce;
  --bs-btn-border-color: #7e22ce;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #691cab;
  --bs-btn-hover-border-color: #691cab;
  --bs-btn-focus-shadow-rgb: 126, 34, 206;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5e1999;
  --bs-btn-active-border-color: #5e1999;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7e22ce;
  --bs-btn-disabled-border-color: #7e22ce;
}
.btn-lavender-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #581c87;
  --bs-btn-border-color: #581c87;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #421565;
  --bs-btn-hover-border-color: #421565;
  --bs-btn-focus-shadow-rgb: 88, 28, 135;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #371154;
  --bs-btn-active-border-color: #371154;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #581c87;
  --bs-btn-disabled-border-color: #581c87;
}
.btn-outline-lavender {
  --bs-btn-color: #a855f7;
  --bs-btn-border-color: #a855f7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a855f7;
  --bs-btn-hover-border-color: #a855f7;
  --bs-btn-focus-shadow-rgb: 168, 85, 247;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #942ef5;
  --bs-btn-active-border-color: #942ef5;
  --bs-btn-disabled-color: #a855f7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a855f7;
}
.btn-soft-lavender {
  --bs-btn-color: #a855f7;
  --bs-btn-bg: rgba(168, 85, 247, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #a855f7;
  --bs-btn-hover-bg: rgba(168, 85, 247, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 168, 85, 247;
  --bs-btn-active-color: #a855f7;
  --bs-btn-active-bg: rgba(168, 85, 247, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #a855f7;
  --bs-btn-disabled-bg: rgba(168, 85, 247, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-lavender {
  --bs-btn-color: #581c87;
  --bs-btn-bg: rgba(126, 34, 206, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #7e22ce;
  --bs-btn-hover-bg: rgba(126, 34, 206, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 126, 34, 206;
  --bs-btn-active-color: #581c87;
  --bs-btn-active-bg: rgba(126, 34, 206, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #f3e8ff;
  --bs-btn-disabled-bg: rgba(126, 34, 206, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-lavender {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a855f7;
  --bs-btn-border-color: #a855f7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8a1bf4;
  --bs-btn-hover-border-color: #8a1bf4;
  --bs-btn-focus-shadow-rgb: 168, 85, 247;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8a1bf4;
  --bs-btn-active-border-color: #8a1bf4;
  --bs-btn-disabled-color: #8a1bf4;
  --bs-btn-disabled-bg: #a855f7;
  --bs-btn-disabled-border-color: #a855f7;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-sky-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #e0f2fe;
  --bs-btn-border-color: #e0f2fe;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #b8e1fd;
  --bs-btn-hover-border-color: #b8e1fd;
  --bs-btn-focus-shadow-rgb: 224, 242, 254;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a5d9fc;
  --bs-btn-active-border-color: #a5d9fc;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #e0f2fe;
  --bs-btn-disabled-border-color: #e0f2fe;
}
.btn-sky-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #7dd3fc;
  --bs-btn-border-color: #7dd3fc;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #55c6fb;
  --bs-btn-hover-border-color: #55c6fb;
  --bs-btn-focus-shadow-rgb: 125, 211, 252;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #41bffb;
  --bs-btn-active-border-color: #41bffb;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #7dd3fc;
  --bs-btn-disabled-border-color: #7dd3fc;
}
.btn-sky,
.btn-sky-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0ea5e9;
  --bs-btn-border-color: #0ea5e9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0c8ac3;
  --bs-btn-hover-border-color: #0c8ac3;
  --bs-btn-focus-shadow-rgb: 14, 165, 233;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b7caf;
  --bs-btn-active-border-color: #0b7caf;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0ea5e9;
  --bs-btn-disabled-border-color: #0ea5e9;
}
.btn-sky-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0369a1;
  --bs-btn-border-color: #0369a1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #024f79;
  --bs-btn-hover-border-color: #024f79;
  --bs-btn-focus-shadow-rgb: 3, 105, 161;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #024265;
  --bs-btn-active-border-color: #024265;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0369a1;
  --bs-btn-disabled-border-color: #0369a1;
}
.btn-sky-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0c4a6e;
  --bs-btn-border-color: #0c4a6e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #083149;
  --bs-btn-hover-border-color: #083149;
  --bs-btn-focus-shadow-rgb: 12, 74, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #062537;
  --bs-btn-active-border-color: #062537;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0c4a6e;
  --bs-btn-disabled-border-color: #0c4a6e;
}
.btn-outline-sky {
  --bs-btn-color: #0ea5e9;
  --bs-btn-border-color: #0ea5e9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0ea5e9;
  --bs-btn-hover-border-color: #0ea5e9;
  --bs-btn-focus-shadow-rgb: 14, 165, 233;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c8ac3;
  --bs-btn-active-border-color: #0c8ac3;
  --bs-btn-disabled-color: #0ea5e9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0ea5e9;
}
.btn-soft-sky {
  --bs-btn-color: #0ea5e9;
  --bs-btn-bg: rgba(14, 165, 233, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #0ea5e9;
  --bs-btn-hover-bg: rgba(14, 165, 233, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 14, 165, 233;
  --bs-btn-active-color: #0ea5e9;
  --bs-btn-active-bg: rgba(14, 165, 233, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #0ea5e9;
  --bs-btn-disabled-bg: rgba(14, 165, 233, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-sky {
  --bs-btn-color: #0c4a6e;
  --bs-btn-bg: rgba(3, 105, 161, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #0369a1;
  --bs-btn-hover-bg: rgba(3, 105, 161, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 3, 105, 161;
  --bs-btn-active-color: #0c4a6e;
  --bs-btn-active-bg: rgba(3, 105, 161, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #e0f2fe;
  --bs-btn-disabled-bg: rgba(3, 105, 161, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-sky {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0ea5e9;
  --bs-btn-border-color: #0ea5e9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b7caf;
  --bs-btn-hover-border-color: #0b7caf;
  --bs-btn-focus-shadow-rgb: 14, 165, 233;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b7caf;
  --bs-btn-active-border-color: #0b7caf;
  --bs-btn-disabled-color: #0b7caf;
  --bs-btn-disabled-bg: #0ea5e9;
  --bs-btn-disabled-border-color: #0ea5e9;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-forest-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #dcfce7;
  --bs-btn-border-color: #dcfce7;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #b6f9cd;
  --bs-btn-hover-border-color: #b6f9cd;
  --bs-btn-focus-shadow-rgb: 220, 252, 231;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a4f7c0;
  --bs-btn-active-border-color: #a4f7c0;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #dcfce7;
  --bs-btn-disabled-border-color: #dcfce7;
}
.btn-forest-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #86efac;
  --bs-btn-border-color: #86efac;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #62ea93;
  --bs-btn-hover-border-color: #62ea93;
  --bs-btn-focus-shadow-rgb: 134, 239, 172;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #50e887;
  --bs-btn-active-border-color: #50e887;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #86efac;
  --bs-btn-disabled-border-color: #86efac;
}
.btn-forest,
.btn-forest-500 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #16a34a;
  --bs-btn-border-color: #16a34a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #117f3a;
  --bs-btn-hover-border-color: #117f3a;
  --bs-btn-focus-shadow-rgb: 22, 163, 74;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f6d32;
  --bs-btn-active-border-color: #0f6d32;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #16a34a;
  --bs-btn-disabled-border-color: #16a34a;
}
.btn-forest-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #166534;
  --bs-btn-border-color: #166534;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f4323;
  --bs-btn-hover-border-color: #0f4323;
  --bs-btn-focus-shadow-rgb: 22, 101, 52;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b331a;
  --bs-btn-active-border-color: #0b331a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #166534;
  --bs-btn-disabled-border-color: #166534;
}
.btn-forest-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14532d;
  --bs-btn-border-color: #14532d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0c321b;
  --bs-btn-hover-border-color: #0c321b;
  --bs-btn-focus-shadow-rgb: 20, 83, 45;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #082212;
  --bs-btn-active-border-color: #082212;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #14532d;
  --bs-btn-disabled-border-color: #14532d;
}
.btn-outline-forest {
  --bs-btn-color: #16a34a;
  --bs-btn-border-color: #16a34a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #16a34a;
  --bs-btn-hover-border-color: #16a34a;
  --bs-btn-focus-shadow-rgb: 22, 163, 74;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #117f3a;
  --bs-btn-active-border-color: #117f3a;
  --bs-btn-disabled-color: #16a34a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #16a34a;
}
.btn-soft-forest {
  --bs-btn-color: #16a34a;
  --bs-btn-bg: rgba(22, 163, 74, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #16a34a;
  --bs-btn-hover-bg: rgba(22, 163, 74, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 22, 163, 74;
  --bs-btn-active-color: #16a34a;
  --bs-btn-active-bg: rgba(22, 163, 74, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #16a34a;
  --bs-btn-disabled-bg: rgba(22, 163, 74, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-forest {
  --bs-btn-color: #14532d;
  --bs-btn-bg: rgba(22, 101, 52, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #166534;
  --bs-btn-hover-bg: rgba(22, 101, 52, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 22, 101, 52;
  --bs-btn-active-color: #14532d;
  --bs-btn-active-bg: rgba(22, 101, 52, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #dcfce7;
  --bs-btn-disabled-bg: rgba(22, 101, 52, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-forest {
  --bs-btn-color: #fff;
  --bs-btn-bg: #16a34a;
  --bs-btn-border-color: #16a34a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f6d32;
  --bs-btn-hover-border-color: #0f6d32;
  --bs-btn-focus-shadow-rgb: 22, 163, 74;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f6d32;
  --bs-btn-active-border-color: #0f6d32;
  --bs-btn-disabled-color: #0f6d32;
  --bs-btn-disabled-bg: #16a34a;
  --bs-btn-disabled-border-color: #16a34a;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}
.btn-cream-100 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fffdf5;
  --bs-btn-border-color: #fffdf5;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #fff5cc;
  --bs-btn-hover-border-color: #fff5cc;
  --bs-btn-focus-shadow-rgb: 255, 253, 245;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #fff1b8;
  --bs-btn-active-border-color: #fff1b8;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fffdf5;
  --bs-btn-disabled-border-color: #fffdf5;
}
.btn-cream-300 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #fef3c7;
  --bs-btn-border-color: #fef3c7;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #fdea9f;
  --bs-btn-hover-border-color: #fdea9f;
  --bs-btn-focus-shadow-rgb: 254, 243, 199;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #fde68b;
  --bs-btn-active-border-color: #fde68b;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #fef3c7;
  --bs-btn-disabled-border-color: #fef3c7;
}
.btn-cream,
.btn-cream-500 {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f5d28a;
  --bs-btn-border-color: #f5d28a;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f2c464;
  --bs-btn-hover-border-color: #f2c464;
  --bs-btn-focus-shadow-rgb: 245, 210, 138;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #f0bc52;
  --bs-btn-active-border-color: #f0bc52;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f5d28a;
  --bs-btn-disabled-border-color: #f5d28a;
}
.btn-cream-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c8923a;
  --bs-btn-border-color: #c8923a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #aa7b2f;
  --bs-btn-hover-border-color: #aa7b2f;
  --bs-btn-focus-shadow-rgb: 200, 146, 58;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9a702b;
  --bs-btn-active-border-color: #9a702b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c8923a;
  --bs-btn-disabled-border-color: #c8923a;
}
.btn-cream-900 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7a4d12;
  --bs-btn-border-color: #7a4d12;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #56370d;
  --bs-btn-hover-border-color: #56370d;
  --bs-btn-focus-shadow-rgb: 122, 77, 18;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #452b0a;
  --bs-btn-active-border-color: #452b0a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7a4d12;
  --bs-btn-disabled-border-color: #7a4d12;
}
.btn-outline-cream {
  --bs-btn-color: #f5d28a;
  --bs-btn-border-color: #f5d28a;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #f5d28a;
  --bs-btn-hover-border-color: #f5d28a;
  --bs-btn-focus-shadow-rgb: 245, 210, 138;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #f2c464;
  --bs-btn-active-border-color: #f2c464;
  --bs-btn-disabled-color: #f5d28a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f5d28a;
}
.btn-soft-cream {
  --bs-btn-color: #f5d28a;
  --bs-btn-bg: rgba(245, 210, 138, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #f5d28a;
  --bs-btn-hover-bg: rgba(245, 210, 138, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 245, 210, 138;
  --bs-btn-active-color: #f5d28a;
  --bs-btn-active-bg: rgba(245, 210, 138, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #f5d28a;
  --bs-btn-disabled-bg: rgba(245, 210, 138, 0.16);
  --bs-btn-disabled-border-color: transparent;
}
.btn-soft-gradient-cream {
  --bs-btn-color: #7a4d12;
  --bs-btn-bg: rgba(200, 146, 58, 0.16);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #c8923a;
  --bs-btn-hover-bg: rgba(200, 146, 58, 0.28);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 200, 146, 58;
  --bs-btn-active-color: #7a4d12;
  --bs-btn-active-bg: rgba(200, 146, 58, 0.38);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #fffdf5;
  --bs-btn-disabled-bg: rgba(200, 146, 58, 0.16);
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-disabled-color) 100%);
  border: 1px solid transparent;
}
.btn-gradient-cream {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f5d28a;
  --bs-btn-border-color: #f5d28a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f0bc52;
  --bs-btn-hover-border-color: #f0bc52;
  --bs-btn-focus-shadow-rgb: 245, 210, 138;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f0bc52;
  --bs-btn-active-border-color: #f0bc52;
  --bs-btn-disabled-color: #f0bc52;
  --bs-btn-disabled-bg: #f5d28a;
  --bs-btn-disabled-border-color: #f5d28a;
  background-image: linear-gradient(to right, var(--bs-btn-disabled-color) 0%, var(--bs-btn-bg) 100%);
}