.btn {
  --base-btn-padding-x: 1.5rem;
  --base-btn-padding-y: 0.75rem;
  --base-btn-font-family: ;
  --base-btn-font-size: 1rem;
  --base-btn-font-weight: 600;
  --base-btn-line-height: 1.5rem;
  --base-btn-color: var(--base-body-color);
  --base-btn-bg: transparent;
  --base-btn-border-width: 0;
  --base-btn-border-color: transparent;
  --base-btn-border-radius: var(--base-border-radius);
  --base-btn-hover-border-color: transparent;
  --base-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --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);
  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: #1a1a1a;
  --base-btn-border-color: #1a1a1a;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #161616;
  --base-btn-hover-border-color: #151515;
  --base-btn-focus-shadow-rgb: 60, 60, 60;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #151515;
  --base-btn-active-border-color: #141414;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #1a1a1a;
  --base-btn-disabled-border-color: #1a1a1a;
}

.btn-secondary {
  --base-btn-color: #fff;
  --base-btn-bg: #919aa1;
  --base-btn-border-color: #919aa1;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #7b8389;
  --base-btn-hover-border-color: #747b81;
  --base-btn-focus-shadow-rgb: 162, 169, 175;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #747b81;
  --base-btn-active-border-color: #6d7479;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #919aa1;
  --base-btn-disabled-border-color: #919aa1;
}

.btn-success {
  --base-btn-color: #fff;
  --base-btn-bg: #4bbf73;
  --base-btn-border-color: #4bbf73;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #40a262;
  --base-btn-hover-border-color: #3c995c;
  --base-btn-focus-shadow-rgb: 102, 201, 136;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #3c995c;
  --base-btn-active-border-color: #388f56;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #4bbf73;
  --base-btn-disabled-border-color: #4bbf73;
}

.btn-info {
  --base-btn-color: #fff;
  --base-btn-bg: #1f9bcf;
  --base-btn-border-color: #1f9bcf;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #1a84b0;
  --base-btn-hover-border-color: #197ca6;
  --base-btn-focus-shadow-rgb: 65, 170, 214;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #197ca6;
  --base-btn-active-border-color: #17749b;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #1f9bcf;
  --base-btn-disabled-border-color: #1f9bcf;
}

.btn-warning {
  --base-btn-color: #000;
  --base-btn-bg: #f0ad4e;
  --base-btn-border-color: #f0ad4e;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #f2b969;
  --base-btn-hover-border-color: #f2b560;
  --base-btn-focus-shadow-rgb: 204, 147, 66;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #f3bd71;
  --base-btn-active-border-color: #f2b560;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #f0ad4e;
  --base-btn-disabled-border-color: #f0ad4e;
}

.btn-danger {
  --base-btn-color: #fff;
  --base-btn-bg: #d9534f;
  --base-btn-border-color: #d9534f;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #b84743;
  --base-btn-hover-border-color: #ae423f;
  --base-btn-focus-shadow-rgb: 223, 109, 105;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #ae423f;
  --base-btn-active-border-color: #a33e3b;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #d9534f;
  --base-btn-disabled-border-color: #d9534f;
}

.btn-light {
  --base-btn-color: #000;
  --base-btn-bg: #fff;
  --base-btn-border-color: #fff;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #d9d9d9;
  --base-btn-hover-border-color: #cccccc;
  --base-btn-focus-shadow-rgb: 217, 217, 217;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #cccccc;
  --base-btn-active-border-color: #bfbfbf;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #fff;
  --base-btn-disabled-border-color: #fff;
}

.btn-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #343a40;
  --base-btn-border-color: #343a40;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #52585d;
  --base-btn-hover-border-color: #484e53;
  --base-btn-focus-shadow-rgb: 82, 88, 93;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #5d6166;
  --base-btn-active-border-color: #484e53;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #343a40;
  --base-btn-disabled-border-color: #343a40;
}

.btn-default {
  --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-gray {
  --base-btn-color: #fff;
  --base-btn-bg: #9b9b9b;
  --base-btn-border-color: #9b9b9b;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #848484;
  --base-btn-hover-border-color: #7c7c7c;
  --base-btn-focus-shadow-rgb: 170, 170, 170;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #7c7c7c;
  --base-btn-active-border-color: #747474;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #9b9b9b;
  --base-btn-disabled-border-color: #9b9b9b;
}

.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-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-primary-light {
  --base-btn-color: #fff;
  --base-btn-bg: #767676;
  --base-btn-border-color: #767676;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #646464;
  --base-btn-hover-border-color: #5e5e5e;
  --base-btn-focus-shadow-rgb: 139, 139, 139;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #5e5e5e;
  --base-btn-active-border-color: #595959;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #767676;
  --base-btn-disabled-border-color: #767676;
}

.btn-primary-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #101010;
  --base-btn-border-color: #101010;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #0e0e0e;
  --base-btn-hover-border-color: #0d0d0d;
  --base-btn-focus-shadow-rgb: 52, 52, 52;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #0d0d0d;
  --base-btn-active-border-color: #0c0c0c;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #101010;
  --base-btn-disabled-border-color: #101010;
}

.btn-secondary-light {
  --base-btn-color: #000;
  --base-btn-bg: #bdc2c7;
  --base-btn-border-color: #bdc2c7;
  --base-btn-hover-color: #000;
  --base-btn-hover-bg: #c7cbcf;
  --base-btn-hover-border-color: #c4c8cd;
  --base-btn-focus-shadow-rgb: 161, 165, 169;
  --base-btn-active-color: #000;
  --base-btn-active-bg: #caced2;
  --base-btn-active-border-color: #c4c8cd;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #000;
  --base-btn-disabled-bg: #bdc2c7;
  --base-btn-disabled-border-color: #bdc2c7;
}

.btn-secondary-dark {
  --base-btn-color: #fff;
  --base-btn-bg: #575c61;
  --base-btn-border-color: #575c61;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #4a4e52;
  --base-btn-hover-border-color: #464a4e;
  --base-btn-focus-shadow-rgb: 112, 116, 121;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #464a4e;
  --base-btn-active-border-color: #414549;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #fff;
  --base-btn-disabled-bg: #575c61;
  --base-btn-disabled-border-color: #575c61;
}

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

.btn-outline-secondary {
  --base-btn-color: #919aa1;
  --base-btn-border-color: #919aa1;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #919aa1;
  --base-btn-hover-border-color: #919aa1;
  --base-btn-focus-shadow-rgb: 145, 154, 161;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #919aa1;
  --base-btn-active-border-color: #919aa1;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #919aa1;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #919aa1;
  --base-gradient: none;
}

.btn-outline-success {
  --base-btn-color: #4bbf73;
  --base-btn-border-color: #4bbf73;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #4bbf73;
  --base-btn-hover-border-color: #4bbf73;
  --base-btn-focus-shadow-rgb: 75, 191, 115;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #4bbf73;
  --base-btn-active-border-color: #4bbf73;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #4bbf73;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #4bbf73;
  --base-gradient: none;
}

.btn-outline-info {
  --base-btn-color: #1f9bcf;
  --base-btn-border-color: #1f9bcf;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #1f9bcf;
  --base-btn-hover-border-color: #1f9bcf;
  --base-btn-focus-shadow-rgb: 31, 155, 207;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #1f9bcf;
  --base-btn-active-border-color: #1f9bcf;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #1f9bcf;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #1f9bcf;
  --base-gradient: none;
}

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

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

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

.btn-outline-dark {
  --base-btn-color: #343a40;
  --base-btn-border-color: #343a40;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #343a40;
  --base-btn-hover-border-color: #343a40;
  --base-btn-focus-shadow-rgb: 52, 58, 64;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #343a40;
  --base-btn-active-border-color: #343a40;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #343a40;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #343a40;
  --base-gradient: none;
}

.btn-outline-default {
  --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-gray {
  --base-btn-color: #9b9b9b;
  --base-btn-border-color: #9b9b9b;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #9b9b9b;
  --base-btn-hover-border-color: #9b9b9b;
  --base-btn-focus-shadow-rgb: 155, 155, 155;
  --base-btn-active-color: #fff;
  --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-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-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-primary-light {
  --base-btn-color: #767676;
  --base-btn-border-color: #767676;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #767676;
  --base-btn-hover-border-color: #767676;
  --base-btn-focus-shadow-rgb: 118, 118, 118;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #767676;
  --base-btn-active-border-color: #767676;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #767676;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #767676;
  --base-gradient: none;
}

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

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

.btn-outline-secondary-dark {
  --base-btn-color: #575c61;
  --base-btn-border-color: #575c61;
  --base-btn-hover-color: #fff;
  --base-btn-hover-bg: #575c61;
  --base-btn-hover-border-color: #575c61;
  --base-btn-focus-shadow-rgb: 87, 92, 97;
  --base-btn-active-color: #fff;
  --base-btn-active-bg: #575c61;
  --base-btn-active-border-color: #575c61;
  --base-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --base-btn-disabled-color: #575c61;
  --base-btn-disabled-bg: transparent;
  --base-btn-disabled-border-color: #575c61;
  --base-gradient: none;
}

.btn-link {
  --base-btn-font-weight: 300;
  --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: #919aa1;
  --base-btn-disabled-border-color: transparent;
  --base-btn-box-shadow: 0 0 0 #000;
  --base-btn-focus-shadow-rgb: 162, 169, 175;
  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: 2rem;
  --base-btn-padding-x: 2rem;
  --base-btn-font-size: 1.25rem;
  --base-btn-border-radius: var(--base-border-radius-lg);
}

.btn-sm {
  --base-btn-padding-y: 0.5rem;
  --base-btn-padding-x: 1rem;
  --base-btn-font-size: 0.875rem;
  --base-btn-border-radius: var(--base-border-radius-sm);
}