.btn {
  --base-btn-padding-x: 1rem;
  --base-btn-padding-y: 0.5rem;
  --base-btn-font-family: ;
  --base-btn-font-size: 1rem;
  --base-btn-font-weight: normal;
  --base-btn-line-height: 1;
  --base-btn-color: var(--base-body-color);
  --base-btn-bg: transparent;
  --base-btn-border-width: var(--base-border-width);
  --base-btn-border-color: transparent;
  --base-btn-border-radius: 0;
  --base-btn-hover-border-color: transparent;
  --base-btn-box-shadow: none;
  --base-btn-disabled-opacity: 0.65;
  --base-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--base-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--base-btn-padding-y) var(--base-btn-padding-x);
  font-family: var(--base-btn-font-family);
  font-size: var(--base-btn-font-size);
  font-weight: var(--base-btn-font-weight);
  line-height: var(--base-btn-line-height);
  color: var(--base-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--base-btn-border-width) solid var(--base-btn-border-color);
  border-radius: var(--base-btn-border-radius);
  background-color: var(--base-btn-bg);
  box-shadow: var(--base-btn-box-shadow);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--base-btn-hover-color);
  background-color: var(--base-btn-hover-bg);
  border-color: var(--base-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--base-btn-color);
  background-color: var(--base-btn-bg);
  border-color: var(--base-btn-border-color);
}
.btn:focus-visible {
  color: var(--base-btn-hover-color);
  background-color: var(--base-btn-hover-bg);
  border-color: var(--base-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--base-btn-box-shadow), var(--base-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--base-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--base-btn-box-shadow), var(--base-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--base-btn-active-color);
  background-color: var(--base-btn-active-bg);
  border-color: var(--base-btn-active-border-color);
  box-shadow: var(--base-btn-active-shadow);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--base-btn-active-shadow), var(--base-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--base-btn-active-shadow), var(--base-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--base-btn-disabled-color);
  pointer-events: none;
  background-color: var(--base-btn-disabled-bg);
  border-color: var(--base-btn-disabled-border-color);
  opacity: var(--base-btn-disabled-opacity);
  box-shadow: none;
}

.btn-primary {
  --base-btn-color: #fff;
  --base-btn-bg: #002ac2;
  --base-btn-border-color: #002ac2;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #0024a5;
  --base-btn-hover-border-color: #00229b;
  --base-btn-focus-shadow-rgb: 38, 74, 203;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #00229b;
  --base-btn-active-border-color: #002092;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #002ac2;
  --base-btn-disabled-border-color: #002ac2;
}

.btn-secondary {
  --base-btn-color: #000;
  --base-btn-bg: #ffba00;
  --base-btn-border-color: #ffba00;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #ffc426;
  --base-btn-hover-border-color: #ffc11a;
  --base-btn-focus-shadow-rgb: 217, 158, 0;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ffc833;
  --base-btn-active-border-color: #ffc11a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #ffba00;
  --base-btn-disabled-border-color: #ffba00;
}

.btn-success {
  --base-btn-color: #000;
  --base-btn-bg: #009d61;
  --base-btn-border-color: #009d61;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #26ac79;
  --base-btn-hover-border-color: #1aa771;
  --base-btn-focus-shadow-rgb: 0, 133, 82;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #33b181;
  --base-btn-active-border-color: #1aa771;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #009d61;
  --base-btn-disabled-border-color: #009d61;
}

.btn-info {
  --base-btn-color: #fff;
  --base-btn-bg: #0069d9;
  --base-btn-border-color: #0069d9;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #0059b8;
  --base-btn-hover-border-color: #0054ae;
  --base-btn-focus-shadow-rgb: 38, 128, 223;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #0054ae;
  --base-btn-active-border-color: #004fa3;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #0069d9;
  --base-btn-disabled-border-color: #0069d9;
}

.btn-warning {
  --base-btn-color: #000;
  --base-btn-bg: #ff904b;
  --base-btn-border-color: #ff904b;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #ffa166;
  --base-btn-hover-border-color: #ff9b5d;
  --base-btn-focus-shadow-rgb: 217, 122, 64;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ffa66f;
  --base-btn-active-border-color: #ff9b5d;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #ff904b;
  --base-btn-disabled-border-color: #ff904b;
}

.btn-danger {
  --base-btn-color: #fff;
  --base-btn-bg: #b71b1c;
  --base-btn-border-color: #b71b1c;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #9c1718;
  --base-btn-hover-border-color: #921616;
  --base-btn-focus-shadow-rgb: 194, 61, 62;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #921616;
  --base-btn-active-border-color: #891415;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #b71b1c;
  --base-btn-disabled-border-color: #b71b1c;
}

.btn-light {
  --base-btn-color: #000;
  --base-btn-bg: #f8f9fa;
  --base-btn-border-color: #f8f9fa;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #d3d4d5;
  --base-btn-hover-border-color: #c6c7c8;
  --base-btn-focus-shadow-rgb: 211, 212, 213;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #c6c7c8;
  --base-btn-active-border-color: #babbbc;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #f8f9fa;
  --base-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #212529;
  --base-btn-border-color: #212529;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #424649;
  --base-btn-hover-border-color: #373b3e;
  --base-btn-focus-shadow-rgb: 66, 70, 73;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #4d5154;
  --base-btn-active-border-color: #373b3e;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #212529;
  --base-btn-disabled-border-color: #212529;
}

.btn-default {
  --base-btn-color: #000;
  --base-btn-bg: #ebebeb;
  --base-btn-border-color: #ebebeb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #eeeeee;
  --base-btn-hover-border-color: #ededed;
  --base-btn-focus-shadow-rgb: 200, 200, 200;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #efefef;
  --base-btn-active-border-color: #ededed;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #ebebeb;
  --base-btn-disabled-border-color: #ebebeb;
}

.btn-gray {
  --base-btn-color: #000;
  --base-btn-bg: #9b9b9b;
  --base-btn-border-color: #9b9b9b;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #aaaaaa;
  --base-btn-hover-border-color: #a5a5a5;
  --base-btn-focus-shadow-rgb: 132, 132, 132;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #afafaf;
  --base-btn-active-border-color: #a5a5a5;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #9b9b9b;
  --base-btn-disabled-border-color: #9b9b9b;
}

.btn-gray-darker {
  --base-btn-color: #fff;
  --base-btn-bg: #2a2a2a;
  --base-btn-border-color: #2a2a2a;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #242424;
  --base-btn-hover-border-color: #222222;
  --base-btn-focus-shadow-rgb: 74, 74, 74;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #222222;
  --base-btn-active-border-color: #202020;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #2a2a2a;
  --base-btn-disabled-border-color: #2a2a2a;
}

.btn-gray-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #4a4a4a;
  --base-btn-border-color: #4a4a4a;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #3f3f3f;
  --base-btn-hover-border-color: #3b3b3b;
  --base-btn-focus-shadow-rgb: 101, 101, 101;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #3b3b3b;
  --base-btn-active-border-color: #383838;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #4a4a4a;
  --base-btn-disabled-border-color: #4a4a4a;
}

.btn-gray-light {
  --base-btn-color: #000;
  --base-btn-bg: #ebebeb;
  --base-btn-border-color: #ebebeb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #eeeeee;
  --base-btn-hover-border-color: #ededed;
  --base-btn-focus-shadow-rgb: 200, 200, 200;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #efefef;
  --base-btn-active-border-color: #ededed;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #ebebeb;
  --base-btn-disabled-border-color: #ebebeb;
}

.btn-gray-lighter {
  --base-btn-color: #000;
  --base-btn-bg: #f8f9fa;
  --base-btn-border-color: #f8f9fa;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f9fafb;
  --base-btn-hover-border-color: #f9fafb;
  --base-btn-focus-shadow-rgb: 211, 212, 213;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f9fafb;
  --base-btn-active-border-color: #f9fafb;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #f8f9fa;
  --base-btn-disabled-border-color: #f8f9fa;
}

.btn-primary-darker {
  --base-btn-color: #fff;
  --base-btn-bg: #001972;
  --base-btn-border-color: #001972;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #001561;
  --base-btn-hover-border-color: #00145b;
  --base-btn-focus-shadow-rgb: 38, 60, 135;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #00145b;
  --base-btn-active-border-color: #001356;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #001972;
  --base-btn-disabled-border-color: #001972;
}

.btn-primary-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #112e98;
  --base-btn-border-color: #112e98;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #0e2781;
  --base-btn-hover-border-color: #0e257a;
  --base-btn-focus-shadow-rgb: 53, 77, 167;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #0e257a;
  --base-btn-active-border-color: #0d2372;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #112e98;
  --base-btn-disabled-border-color: #112e98;
}

.btn-primary-light {
  --base-btn-color: #000;
  --base-btn-bg: #768ee7;
  --base-btn-border-color: #768ee7;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #8b9feb;
  --base-btn-hover-border-color: #8499e9;
  --base-btn-focus-shadow-rgb: 100, 121, 196;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #91a5ec;
  --base-btn-active-border-color: #8499e9;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #768ee7;
  --base-btn-disabled-border-color: #768ee7;
}

.btn-primary-lighter {
  --base-btn-color: #000;
  --base-btn-bg: #f2f4fc;
  --base-btn-border-color: #f2f4fc;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f4f6fc;
  --base-btn-hover-border-color: #f3f5fc;
  --base-btn-focus-shadow-rgb: 206, 207, 214;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f5f6fd;
  --base-btn-active-border-color: #f3f5fc;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #f2f4fc;
  --base-btn-disabled-border-color: #f2f4fc;
}

.btn-secondary-darker {
  --base-btn-color: #000;
  --base-btn-bg: #be8a00;
  --base-btn-border-color: #be8a00;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #c89c26;
  --base-btn-hover-border-color: #c5961a;
  --base-btn-focus-shadow-rgb: 162, 117, 0;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #cba133;
  --base-btn-active-border-color: #c5961a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #be8a00;
  --base-btn-disabled-border-color: #be8a00;
}

.btn-secondary-dark {
  --base-btn-color: #000;
  --base-btn-bg: #dea200;
  --base-btn-border-color: #dea200;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #e3b026;
  --base-btn-hover-border-color: #e1ab1a;
  --base-btn-focus-shadow-rgb: 189, 138, 0;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #e5b533;
  --base-btn-active-border-color: #e1ab1a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #dea200;
  --base-btn-disabled-border-color: #dea200;
}

.btn-secondary-light {
  --base-btn-color: #000;
  --base-btn-bg: #f7dc93;
  --base-btn-border-color: #f7dc93;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f8e1a3;
  --base-btn-hover-border-color: #f8e09e;
  --base-btn-focus-shadow-rgb: 210, 187, 125;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f9e3a9;
  --base-btn-active-border-color: #f8e09e;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #f7dc93;
  --base-btn-disabled-border-color: #f7dc93;
}

.btn-secondary-lighter {
  --base-btn-color: #000;
  --base-btn-bg: #fffaeb;
  --base-btn-border-color: #fffaeb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #fffbee;
  --base-btn-hover-border-color: #fffbed;
  --base-btn-focus-shadow-rgb: 217, 213, 200;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #fffbef;
  --base-btn-active-border-color: #fffbed;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #fffaeb;
  --base-btn-disabled-border-color: #fffaeb;
}

.btn-success-darker {
  --base-btn-color: #fff;
  --base-btn-bg: #025838;
  --base-btn-border-color: #025838;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #024b30;
  --base-btn-hover-border-color: #02462d;
  --base-btn-focus-shadow-rgb: 40, 113, 86;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #02462d;
  --base-btn-active-border-color: #02422a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #025838;
  --base-btn-disabled-border-color: #025838;
}

.btn-success-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #017147;
  --base-btn-border-color: #017147;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #01603c;
  --base-btn-hover-border-color: #015a39;
  --base-btn-focus-shadow-rgb: 39, 134, 99;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #015a39;
  --base-btn-active-border-color: #015535;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #017147;
  --base-btn-disabled-border-color: #017147;
}

.btn-success-light {
  --base-btn-color: #000;
  --base-btn-bg: #00c67a;
  --base-btn-border-color: #00c67a;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #26cf8e;
  --base-btn-hover-border-color: #1acc87;
  --base-btn-focus-shadow-rgb: 0, 168, 104;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #33d195;
  --base-btn-active-border-color: #1acc87;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #00c67a;
  --base-btn-disabled-border-color: #00c67a;
}

.btn-success-lighter {
  --base-btn-color: #000;
  --base-btn-bg: #e1f2eb;
  --base-btn-border-color: #e1f2eb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #e6f4ee;
  --base-btn-hover-border-color: #e4f3ed;
  --base-btn-focus-shadow-rgb: 191, 206, 200;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #e7f5ef;
  --base-btn-active-border-color: #e4f3ed;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #e1f2eb;
  --base-btn-disabled-border-color: #e1f2eb;
}

.btn-warning-darker {
  --base-btn-color: #000;
  --base-btn-bg: #cc550a;
  --base-btn-border-color: #cc550a;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #d46f2f;
  --base-btn-hover-border-color: #d16623;
  --base-btn-focus-shadow-rgb: 173, 72, 9;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #d6773b;
  --base-btn-active-border-color: #d16623;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #cc550a;
  --base-btn-disabled-border-color: #cc550a;
}

.btn-warning-dark {
  --base-btn-color: #000;
  --base-btn-bg: #e86c1f;
  --base-btn-border-color: #e86c1f;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #eb8241;
  --base-btn-hover-border-color: #ea7b35;
  --base-btn-focus-shadow-rgb: 197, 92, 26;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ed894c;
  --base-btn-active-border-color: #ea7b35;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #e86c1f;
  --base-btn-disabled-border-color: #e86c1f;
}

.btn-warning-light {
  --base-btn-color: #000;
  --base-btn-bg: #fdbd8d;
  --base-btn-border-color: #fdbd8d;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #fdc79e;
  --base-btn-hover-border-color: #fdc498;
  --base-btn-focus-shadow-rgb: 215, 161, 120;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #fdcaa4;
  --base-btn-active-border-color: #fdc498;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #fdbd8d;
  --base-btn-disabled-border-color: #fdbd8d;
}

.btn-warning-lighter {
  --base-btn-color: #000;
  --base-btn-bg: #fef4eb;
  --base-btn-border-color: #fef4eb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #fef6ee;
  --base-btn-hover-border-color: #fef5ed;
  --base-btn-focus-shadow-rgb: 216, 207, 200;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #fef6ef;
  --base-btn-active-border-color: #fef5ed;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #fef4eb;
  --base-btn-disabled-border-color: #fef4eb;
}

.btn-danger-darker {
  --base-btn-color: #fff;
  --base-btn-bg: #641111;
  --base-btn-border-color: #641111;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #550e0e;
  --base-btn-hover-border-color: #500e0e;
  --base-btn-focus-shadow-rgb: 123, 53, 53;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #500e0e;
  --base-btn-active-border-color: #4b0d0d;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #641111;
  --base-btn-disabled-border-color: #641111;
}

.btn-danger-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #912020;
  --base-btn-border-color: #912020;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #7b1b1b;
  --base-btn-hover-border-color: #741a1a;
  --base-btn-focus-shadow-rgb: 162, 65, 65;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #741a1a;
  --base-btn-active-border-color: #6d1818;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #912020;
  --base-btn-disabled-border-color: #912020;
}

.btn-danger-light {
  --base-btn-color: #000;
  --base-btn-bg: #e86a6c;
  --base-btn-border-color: #e86a6c;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #eb8082;
  --base-btn-hover-border-color: #ea797b;
  --base-btn-focus-shadow-rgb: 197, 90, 92;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ed8889;
  --base-btn-active-border-color: #ea797b;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #e86a6c;
  --base-btn-disabled-border-color: #e86a6c;
}

.btn-danger-lighter {
  --base-btn-color: #000;
  --base-btn-bg: #f8e9f1;
  --base-btn-border-color: #f8e9f1;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f9ecf3;
  --base-btn-hover-border-color: #f9ebf2;
  --base-btn-focus-shadow-rgb: 211, 198, 205;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f9edf4;
  --base-btn-active-border-color: #f9ebf2;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #f8e9f1;
  --base-btn-disabled-border-color: #f8e9f1;
}

.btn-outline-primary {
  --base-btn-color: #002ac2;
  --base-btn-border-color: #002ac2;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #002ac2;
  --base-btn-hover-border-color: #002ac2;
  --base-btn-focus-shadow-rgb: 0, 42, 194;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #002ac2;
  --base-btn-active-border-color: #002ac2;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #002ac2;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #002ac2;
  --base-gradient: none;
}

.btn-outline-secondary {
  --base-btn-color: #ffba00;
  --base-btn-border-color: #ffba00;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #ffba00;
  --base-btn-hover-border-color: #ffba00;
  --base-btn-focus-shadow-rgb: 255, 186, 0;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ffba00;
  --base-btn-active-border-color: #ffba00;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #ffba00;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #ffba00;
  --base-gradient: none;
}

.btn-outline-success {
  --base-btn-color: #009d61;
  --base-btn-border-color: #009d61;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #009d61;
  --base-btn-hover-border-color: #009d61;
  --base-btn-focus-shadow-rgb: 0, 157, 97;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #009d61;
  --base-btn-active-border-color: #009d61;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #009d61;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #009d61;
  --base-gradient: none;
}

.btn-outline-info {
  --base-btn-color: #0069d9;
  --base-btn-border-color: #0069d9;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #0069d9;
  --base-btn-hover-border-color: #0069d9;
  --base-btn-focus-shadow-rgb: 0, 105, 217;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #0069d9;
  --base-btn-active-border-color: #0069d9;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #0069d9;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #0069d9;
  --base-gradient: none;
}

.btn-outline-warning {
  --base-btn-color: #ff904b;
  --base-btn-border-color: #ff904b;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #ff904b;
  --base-btn-hover-border-color: #ff904b;
  --base-btn-focus-shadow-rgb: 255, 144, 75;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ff904b;
  --base-btn-active-border-color: #ff904b;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #ff904b;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #ff904b;
  --base-gradient: none;
}

.btn-outline-danger {
  --base-btn-color: #b71b1c;
  --base-btn-border-color: #b71b1c;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #b71b1c;
  --base-btn-hover-border-color: #b71b1c;
  --base-btn-focus-shadow-rgb: 183, 27, 28;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #b71b1c;
  --base-btn-active-border-color: #b71b1c;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #b71b1c;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #b71b1c;
  --base-gradient: none;
}

.btn-outline-light {
  --base-btn-color: #f8f9fa;
  --base-btn-border-color: #f8f9fa;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f8f9fa;
  --base-btn-hover-border-color: #f8f9fa;
  --base-btn-focus-shadow-rgb: 248, 249, 250;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f8f9fa;
  --base-btn-active-border-color: #f8f9fa;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #f8f9fa;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #f8f9fa;
  --base-gradient: none;
}

.btn-outline-dark {
  --base-btn-color: #212529;
  --base-btn-border-color: #212529;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #212529;
  --base-btn-hover-border-color: #212529;
  --base-btn-focus-shadow-rgb: 33, 37, 41;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #212529;
  --base-btn-active-border-color: #212529;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #212529;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #212529;
  --base-gradient: none;
}

.btn-outline-default {
  --base-btn-color: #ebebeb;
  --base-btn-border-color: #ebebeb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #ebebeb;
  --base-btn-hover-border-color: #ebebeb;
  --base-btn-focus-shadow-rgb: 235, 235, 235;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ebebeb;
  --base-btn-active-border-color: #ebebeb;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #ebebeb;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #ebebeb;
  --base-gradient: none;
}

.btn-outline-gray {
  --base-btn-color: #9b9b9b;
  --base-btn-border-color: #9b9b9b;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #9b9b9b;
  --base-btn-hover-border-color: #9b9b9b;
  --base-btn-focus-shadow-rgb: 155, 155, 155;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #9b9b9b;
  --base-btn-active-border-color: #9b9b9b;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #9b9b9b;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #9b9b9b;
  --base-gradient: none;
}

.btn-outline-gray-darker {
  --base-btn-color: #2a2a2a;
  --base-btn-border-color: #2a2a2a;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #2a2a2a;
  --base-btn-hover-border-color: #2a2a2a;
  --base-btn-focus-shadow-rgb: 42, 42, 42;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #2a2a2a;
  --base-btn-active-border-color: #2a2a2a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #2a2a2a;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #2a2a2a;
  --base-gradient: none;
}

.btn-outline-gray-dark {
  --base-btn-color: #4a4a4a;
  --base-btn-border-color: #4a4a4a;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #4a4a4a;
  --base-btn-hover-border-color: #4a4a4a;
  --base-btn-focus-shadow-rgb: 74, 74, 74;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #4a4a4a;
  --base-btn-active-border-color: #4a4a4a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #4a4a4a;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #4a4a4a;
  --base-gradient: none;
}

.btn-outline-gray-light {
  --base-btn-color: #ebebeb;
  --base-btn-border-color: #ebebeb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #ebebeb;
  --base-btn-hover-border-color: #ebebeb;
  --base-btn-focus-shadow-rgb: 235, 235, 235;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #ebebeb;
  --base-btn-active-border-color: #ebebeb;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #ebebeb;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #ebebeb;
  --base-gradient: none;
}

.btn-outline-gray-lighter {
  --base-btn-color: #f8f9fa;
  --base-btn-border-color: #f8f9fa;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f8f9fa;
  --base-btn-hover-border-color: #f8f9fa;
  --base-btn-focus-shadow-rgb: 248, 249, 250;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f8f9fa;
  --base-btn-active-border-color: #f8f9fa;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #f8f9fa;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #f8f9fa;
  --base-gradient: none;
}

.btn-outline-primary-darker {
  --base-btn-color: #001972;
  --base-btn-border-color: #001972;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #001972;
  --base-btn-hover-border-color: #001972;
  --base-btn-focus-shadow-rgb: 0, 25, 114;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #001972;
  --base-btn-active-border-color: #001972;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #001972;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #001972;
  --base-gradient: none;
}

.btn-outline-primary-dark {
  --base-btn-color: #112e98;
  --base-btn-border-color: #112e98;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #112e98;
  --base-btn-hover-border-color: #112e98;
  --base-btn-focus-shadow-rgb: 17, 46, 152;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #112e98;
  --base-btn-active-border-color: #112e98;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #112e98;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #112e98;
  --base-gradient: none;
}

.btn-outline-primary-light {
  --base-btn-color: #768ee7;
  --base-btn-border-color: #768ee7;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #768ee7;
  --base-btn-hover-border-color: #768ee7;
  --base-btn-focus-shadow-rgb: 118, 142, 231;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #768ee7;
  --base-btn-active-border-color: #768ee7;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #768ee7;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #768ee7;
  --base-gradient: none;
}

.btn-outline-primary-lighter {
  --base-btn-color: #f2f4fc;
  --base-btn-border-color: #f2f4fc;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f2f4fc;
  --base-btn-hover-border-color: #f2f4fc;
  --base-btn-focus-shadow-rgb: 242, 244, 252;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f2f4fc;
  --base-btn-active-border-color: #f2f4fc;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #f2f4fc;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #f2f4fc;
  --base-gradient: none;
}

.btn-outline-secondary-darker {
  --base-btn-color: #be8a00;
  --base-btn-border-color: #be8a00;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #be8a00;
  --base-btn-hover-border-color: #be8a00;
  --base-btn-focus-shadow-rgb: 190, 138, 0;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #be8a00;
  --base-btn-active-border-color: #be8a00;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #be8a00;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #be8a00;
  --base-gradient: none;
}

.btn-outline-secondary-dark {
  --base-btn-color: #dea200;
  --base-btn-border-color: #dea200;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #dea200;
  --base-btn-hover-border-color: #dea200;
  --base-btn-focus-shadow-rgb: 222, 162, 0;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #dea200;
  --base-btn-active-border-color: #dea200;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #dea200;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #dea200;
  --base-gradient: none;
}

.btn-outline-secondary-light {
  --base-btn-color: #f7dc93;
  --base-btn-border-color: #f7dc93;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f7dc93;
  --base-btn-hover-border-color: #f7dc93;
  --base-btn-focus-shadow-rgb: 247, 220, 147;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f7dc93;
  --base-btn-active-border-color: #f7dc93;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #f7dc93;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #f7dc93;
  --base-gradient: none;
}

.btn-outline-secondary-lighter {
  --base-btn-color: #fffaeb;
  --base-btn-border-color: #fffaeb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #fffaeb;
  --base-btn-hover-border-color: #fffaeb;
  --base-btn-focus-shadow-rgb: 255, 250, 235;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #fffaeb;
  --base-btn-active-border-color: #fffaeb;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fffaeb;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #fffaeb;
  --base-gradient: none;
}

.btn-outline-success-darker {
  --base-btn-color: #025838;
  --base-btn-border-color: #025838;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #025838;
  --base-btn-hover-border-color: #025838;
  --base-btn-focus-shadow-rgb: 2, 88, 56;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #025838;
  --base-btn-active-border-color: #025838;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #025838;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #025838;
  --base-gradient: none;
}

.btn-outline-success-dark {
  --base-btn-color: #017147;
  --base-btn-border-color: #017147;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #017147;
  --base-btn-hover-border-color: #017147;
  --base-btn-focus-shadow-rgb: 1, 113, 71;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #017147;
  --base-btn-active-border-color: #017147;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #017147;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #017147;
  --base-gradient: none;
}

.btn-outline-success-light {
  --base-btn-color: #00c67a;
  --base-btn-border-color: #00c67a;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #00c67a;
  --base-btn-hover-border-color: #00c67a;
  --base-btn-focus-shadow-rgb: 0, 198, 122;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #00c67a;
  --base-btn-active-border-color: #00c67a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #00c67a;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #00c67a;
  --base-gradient: none;
}

.btn-outline-success-lighter {
  --base-btn-color: #e1f2eb;
  --base-btn-border-color: #e1f2eb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #e1f2eb;
  --base-btn-hover-border-color: #e1f2eb;
  --base-btn-focus-shadow-rgb: 225, 242, 235;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #e1f2eb;
  --base-btn-active-border-color: #e1f2eb;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #e1f2eb;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #e1f2eb;
  --base-gradient: none;
}

.btn-outline-warning-darker {
  --base-btn-color: #cc550a;
  --base-btn-border-color: #cc550a;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #cc550a;
  --base-btn-hover-border-color: #cc550a;
  --base-btn-focus-shadow-rgb: 204, 85, 10;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #cc550a;
  --base-btn-active-border-color: #cc550a;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #cc550a;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #cc550a;
  --base-gradient: none;
}

.btn-outline-warning-dark {
  --base-btn-color: #e86c1f;
  --base-btn-border-color: #e86c1f;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #e86c1f;
  --base-btn-hover-border-color: #e86c1f;
  --base-btn-focus-shadow-rgb: 232, 108, 31;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #e86c1f;
  --base-btn-active-border-color: #e86c1f;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #e86c1f;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #e86c1f;
  --base-gradient: none;
}

.btn-outline-warning-light {
  --base-btn-color: #fdbd8d;
  --base-btn-border-color: #fdbd8d;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #fdbd8d;
  --base-btn-hover-border-color: #fdbd8d;
  --base-btn-focus-shadow-rgb: 253, 189, 141;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #fdbd8d;
  --base-btn-active-border-color: #fdbd8d;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fdbd8d;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #fdbd8d;
  --base-gradient: none;
}

.btn-outline-warning-lighter {
  --base-btn-color: #fef4eb;
  --base-btn-border-color: #fef4eb;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #fef4eb;
  --base-btn-hover-border-color: #fef4eb;
  --base-btn-focus-shadow-rgb: 254, 244, 235;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #fef4eb;
  --base-btn-active-border-color: #fef4eb;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fef4eb;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #fef4eb;
  --base-gradient: none;
}

.btn-outline-danger-darker {
  --base-btn-color: #641111;
  --base-btn-border-color: #641111;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #641111;
  --base-btn-hover-border-color: #641111;
  --base-btn-focus-shadow-rgb: 100, 17, 17;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #641111;
  --base-btn-active-border-color: #641111;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #641111;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #641111;
  --base-gradient: none;
}

.btn-outline-danger-dark {
  --base-btn-color: #912020;
  --base-btn-border-color: #912020;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #912020;
  --base-btn-hover-border-color: #912020;
  --base-btn-focus-shadow-rgb: 145, 32, 32;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #912020;
  --base-btn-active-border-color: #912020;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #912020;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #912020;
  --base-gradient: none;
}

.btn-outline-danger-light {
  --base-btn-color: #e86a6c;
  --base-btn-border-color: #e86a6c;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #e86a6c;
  --base-btn-hover-border-color: #e86a6c;
  --base-btn-focus-shadow-rgb: 232, 106, 108;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #e86a6c;
  --base-btn-active-border-color: #e86a6c;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #e86a6c;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #e86a6c;
  --base-gradient: none;
}

.btn-outline-danger-lighter {
  --base-btn-color: #f8e9f1;
  --base-btn-border-color: #f8e9f1;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f8e9f1;
  --base-btn-hover-border-color: #f8e9f1;
  --base-btn-focus-shadow-rgb: 248, 233, 241;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f8e9f1;
  --base-btn-active-border-color: #f8e9f1;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #f8e9f1;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #f8e9f1;
  --base-gradient: none;
}

.btn-link {
  --base-btn-font-weight: 400;
  --base-btn-color: var(--base-link-color);
  --base-btn-bg: transparent;
  --base-btn-border-color: transparent;
  --base-btn-hover-color: var(--base-link-hover-color);
  --base-btn-hover-border-color: transparent;
  --base-btn-active-color: var(--base-link-hover-color);
  --base-btn-active-border-color: transparent;
  --base-btn-disabled-color: #6c757d;
  --base-btn-disabled-border-color: transparent;
  --base-btn-box-shadow: 0 0 0 #000;
  --base-btn-focus-shadow-rgb: 38, 74, 203;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--base-btn-color);
}
.btn-link:hover {
  color: var(--base-btn-hover-color);
}

.btn-lg {
  --base-btn-padding-y: 1.875rem;
  --base-btn-padding-x: 1rem;
  --base-btn-font-size: 1rem;
  --base-btn-border-radius: 0;
}

.btn-sm {
  --base-btn-padding-y: 0.33rem;
  --base-btn-padding-x: 1rem;
  --base-btn-font-size: 1rem;
  --base-btn-border-radius: 0;
}