.btn {
  --x-btn-padding-x: 1.25rem;
  --x-btn-padding-y: 0.75rem;
  --x-btn-font-family: ;
  --x-btn-font-size: 1rem;
  --x-btn-font-weight: 500;
  --x-btn-line-height: 1.3;
  --x-btn-color: #4F5771;
  --x-btn-bg: transparent;
  --x-btn-border-width: 1px;
  --x-btn-border-color: transparent;
  --x-btn-border-radius: 0.375rem;
  --x-btn-hover-border-color: transparent;
  --x-btn-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  --x-btn-disabled-opacity: 0.65;
  --x-btn-focus-box-shadow: 0 0 0 3px rgba(var(--x-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--x-btn-padding-y) var(--x-btn-padding-x);
  font-family: var(--x-btn-font-family);
  font-size: var(--x-btn-font-size);
  font-weight: var(--x-btn-font-weight);
  line-height: var(--x-btn-line-height);
  color: var(--x-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--x-btn-border-width) solid var(--x-btn-border-color);
  border-radius: var(--x-btn-border-radius);
  background-color: var(--x-btn-bg);
  box-shadow: var(--x-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(--x-btn-hover-color);
  background-color: var(--x-btn-hover-bg);
  border-color: var(--x-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--x-btn-color);
  background-color: var(--x-btn-bg);
  border-color: var(--x-btn-border-color);
}
.btn:focus-visible {
  color: var(--x-btn-hover-color);
  background-color: var(--x-btn-hover-bg);
  border-color: var(--x-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--x-btn-box-shadow), var(--x-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--x-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--x-btn-box-shadow), var(--x-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--x-btn-active-color);
  background-color: var(--x-btn-active-bg);
  border-color: var(--x-btn-active-border-color);
  box-shadow: var(--x-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(--x-btn-active-shadow), var(--x-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--x-btn-disabled-color);
  pointer-events: none;
  background-color: var(--x-btn-disabled-bg);
  border-color: var(--x-btn-disabled-border-color);
  opacity: var(--x-btn-disabled-opacity);
  box-shadow: none;
}

.btn-primary {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #394475;
  --x-btn-border-color: #394475;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #2e365e;
  --x-btn-hover-border-color: #2e365e;
  --x-btn-focus-shadow-rgb: 87, 96, 138;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #2e365e;
  --x-btn-active-border-color: #2b3358;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #394475;
  --x-btn-disabled-border-color: #394475;
}

.btn-secondary {
  --x-btn-color: #000000;
  --x-btn-bg: #B8BEC9;
  --x-btn-border-color: #B8BEC9;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #c6cbd4;
  --x-btn-hover-border-color: #bfc5ce;
  --x-btn-focus-shadow-rgb: 156, 162, 171;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #c6cbd4;
  --x-btn-active-border-color: #bfc5ce;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #B8BEC9;
  --x-btn-disabled-border-color: #B8BEC9;
}

.btn-tertiary {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #8C1D40;
  --x-btn-border-color: #8C1D40;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #701733;
  --x-btn-hover-border-color: #701733;
  --x-btn-focus-shadow-rgb: 157, 63, 93;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #701733;
  --x-btn-active-border-color: #691630;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #8C1D40;
  --x-btn-disabled-border-color: #8C1D40;
}

.btn-success {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #1A7242;
  --x-btn-border-color: #1A7242;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #155b35;
  --x-btn-hover-border-color: #155b35;
  --x-btn-focus-shadow-rgb: 60, 135, 94;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #155b35;
  --x-btn-active-border-color: #145632;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #1A7242;
  --x-btn-disabled-border-color: #1A7242;
}

.btn-info {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #1A5A73;
  --x-btn-border-color: #1A5A73;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #15485c;
  --x-btn-hover-border-color: #15485c;
  --x-btn-focus-shadow-rgb: 60, 115, 136;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #15485c;
  --x-btn-active-border-color: #144456;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #1A5A73;
  --x-btn-disabled-border-color: #1A5A73;
}

.btn-warning {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #CF563E;
  --x-btn-border-color: #CF563E;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #a64532;
  --x-btn-hover-border-color: #a64532;
  --x-btn-focus-shadow-rgb: 214, 111, 91;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #a64532;
  --x-btn-active-border-color: #9b412f;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #CF563E;
  --x-btn-disabled-border-color: #CF563E;
}

.btn-danger {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #AD2D30;
  --x-btn-border-color: #AD2D30;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #8a2426;
  --x-btn-hover-border-color: #8a2426;
  --x-btn-focus-shadow-rgb: 185, 77, 79;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #8a2426;
  --x-btn-active-border-color: #822224;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #AD2D30;
  --x-btn-disabled-border-color: #AD2D30;
}

.btn-white {
  --x-btn-color: #000000;
  --x-btn-bg: #FFFFFF;
  --x-btn-border-color: #FFFFFF;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: white;
  --x-btn-hover-border-color: white;
  --x-btn-focus-shadow-rgb: 217, 217, 217;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: white;
  --x-btn-active-border-color: white;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #FFFFFF;
  --x-btn-disabled-border-color: #FFFFFF;
}

.btn-light {
  --x-btn-color: #000000;
  --x-btn-bg: #FFFFFF;
  --x-btn-border-color: #FFFFFF;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #cccccc;
  --x-btn-hover-border-color: #cccccc;
  --x-btn-focus-shadow-rgb: 217, 217, 217;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #cccccc;
  --x-btn-active-border-color: #bfbfbf;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #FFFFFF;
  --x-btn-disabled-border-color: #FFFFFF;
}

.btn-dark {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: #1D294E;
  --x-btn-border-color: #1D294E;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #4a5471;
  --x-btn-hover-border-color: #343e60;
  --x-btn-focus-shadow-rgb: 63, 73, 105;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #4a5471;
  --x-btn-active-border-color: #343e60;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: #1D294E;
  --x-btn-disabled-border-color: #1D294E;
}

.btn-outline-primary {
  --x-btn-color: #394475;
  --x-btn-border-color: #394475;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #394475;
  --x-btn-hover-border-color: #394475;
  --x-btn-focus-shadow-rgb: 57, 68, 117;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #394475;
  --x-btn-active-border-color: #394475;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #394475;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #394475;
  --x-gradient: none;
}

.btn-outline-secondary {
  --x-btn-color: #B8BEC9;
  --x-btn-border-color: #B8BEC9;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #B8BEC9;
  --x-btn-hover-border-color: #B8BEC9;
  --x-btn-focus-shadow-rgb: 184, 190, 201;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #B8BEC9;
  --x-btn-active-border-color: #B8BEC9;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #B8BEC9;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #B8BEC9;
  --x-gradient: none;
}

.btn-outline-tertiary {
  --x-btn-color: #8C1D40;
  --x-btn-border-color: #8C1D40;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #8C1D40;
  --x-btn-hover-border-color: #8C1D40;
  --x-btn-focus-shadow-rgb: 140, 29, 64;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #8C1D40;
  --x-btn-active-border-color: #8C1D40;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #8C1D40;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #8C1D40;
  --x-gradient: none;
}

.btn-outline-success {
  --x-btn-color: #1A7242;
  --x-btn-border-color: #1A7242;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #1A7242;
  --x-btn-hover-border-color: #1A7242;
  --x-btn-focus-shadow-rgb: 26, 114, 66;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #1A7242;
  --x-btn-active-border-color: #1A7242;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #1A7242;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #1A7242;
  --x-gradient: none;
}

.btn-outline-info {
  --x-btn-color: #1A5A73;
  --x-btn-border-color: #1A5A73;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #1A5A73;
  --x-btn-hover-border-color: #1A5A73;
  --x-btn-focus-shadow-rgb: 26, 90, 115;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #1A5A73;
  --x-btn-active-border-color: #1A5A73;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #1A5A73;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #1A5A73;
  --x-gradient: none;
}

.btn-outline-warning {
  --x-btn-color: #CF563E;
  --x-btn-border-color: #CF563E;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #CF563E;
  --x-btn-hover-border-color: #CF563E;
  --x-btn-focus-shadow-rgb: 207, 86, 62;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #CF563E;
  --x-btn-active-border-color: #CF563E;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #CF563E;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #CF563E;
  --x-gradient: none;
}

.btn-outline-danger {
  --x-btn-color: #AD2D30;
  --x-btn-border-color: #AD2D30;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #AD2D30;
  --x-btn-hover-border-color: #AD2D30;
  --x-btn-focus-shadow-rgb: 173, 45, 48;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #AD2D30;
  --x-btn-active-border-color: #AD2D30;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #AD2D30;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #AD2D30;
  --x-gradient: none;
}

.btn-outline-white {
  --x-btn-color: #FFFFFF;
  --x-btn-border-color: #FFFFFF;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #FFFFFF;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 255, 255, 255;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #FFFFFF;
  --x-btn-active-border-color: #FFFFFF;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #FFFFFF;
  --x-gradient: none;
}

.btn-outline-light {
  --x-btn-color: #FFFFFF;
  --x-btn-border-color: #FFFFFF;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #FFFFFF;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 255, 255, 255;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #FFFFFF;
  --x-btn-active-border-color: #FFFFFF;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #FFFFFF;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #FFFFFF;
  --x-gradient: none;
}

.btn-outline-dark {
  --x-btn-color: #1D294E;
  --x-btn-border-color: #1D294E;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #1D294E;
  --x-btn-hover-border-color: #1D294E;
  --x-btn-focus-shadow-rgb: 29, 41, 78;
  --x-btn-active-color: #FFFFFF;
  --x-btn-active-bg: #1D294E;
  --x-btn-active-border-color: #1D294E;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #1D294E;
  --x-btn-disabled-bg: transparent;
  --x-btn-disabled-border-color: #1D294E;
  --x-gradient: none;
}

.btn-link {
  --x-btn-font-weight: 400;
  --x-btn-color: var(--x-link-color);
  --x-btn-bg: transparent;
  --x-btn-border-color: transparent;
  --x-btn-hover-color: var(--x-link-hover-color);
  --x-btn-hover-border-color: transparent;
  --x-btn-active-color: var(--x-link-hover-color);
  --x-btn-active-border-color: transparent;
  --x-btn-disabled-color: #687082;
  --x-btn-disabled-border-color: transparent;
  --x-btn-box-shadow: none;
  --x-btn-focus-shadow-rgb: 87, 96, 138;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus-visible {
  text-decoration: none;
}
.btn-link:focus-visible {
  color: var(--x-btn-color);
}
.btn-link:hover {
  color: var(--x-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --x-btn-padding-y: 1rem;
  --x-btn-padding-x: 1.5rem;
  --x-btn-font-size: 1rem;
  --x-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --x-btn-padding-y: 0.5rem;
  --x-btn-padding-x: 1rem;
  --x-btn-font-size: 0.875rem;
  --x-btn-border-radius: 0.375rem;
}

.btn-soft-primary {
  --x-btn-color: #394475;
  --x-btn-bg: #c4c7d6;
  --x-btn-border-color: #c4c7d6;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #394475;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 175, 179, 199;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #d0d2de;
  --x-btn-active-border-color: #cacdda;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #c4c7d6;
  --x-btn-disabled-border-color: #c4c7d6;
}

.btn-soft-secondary {
  --x-btn-color: #B8BEC9;
  --x-btn-bg: #eaecef;
  --x-btn-border-color: #eaecef;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #B8BEC9;
  --x-btn-hover-border-color: #000000;
  --x-btn-focus-shadow-rgb: 227, 229, 233;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #eef0f2;
  --x-btn-active-border-color: #eceef1;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #eaecef;
  --x-btn-disabled-border-color: #eaecef;
}

.btn-soft-tertiary {
  --x-btn-color: #8C1D40;
  --x-btn-bg: #ddbbc6;
  --x-btn-border-color: #ddbbc6;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #8C1D40;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 209, 163, 178;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #e4c9d1;
  --x-btn-active-border-color: #e0c2cc;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #ddbbc6;
  --x-btn-disabled-border-color: #ddbbc6;
}

.btn-soft-success {
  --x-btn-color: #1A7242;
  --x-btn-bg: #bad5c6;
  --x-btn-border-color: #bad5c6;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #1A7242;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 162, 198, 178;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #c8ddd1;
  --x-btn-active-border-color: #c1d9cc;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #bad5c6;
  --x-btn-disabled-border-color: #bad5c6;
}

.btn-soft-info {
  --x-btn-color: #1A5A73;
  --x-btn-bg: #baced5;
  --x-btn-border-color: #baced5;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #1A5A73;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 162, 189, 198;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #c8d8dd;
  --x-btn-active-border-color: #c1d3d9;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #baced5;
  --x-btn-disabled-border-color: #baced5;
}

.btn-soft-warning {
  --x-btn-color: #CF563E;
  --x-btn-bg: #f1ccc5;
  --x-btn-border-color: #f1ccc5;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #CF563E;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 236, 186, 177;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #f4d6d1;
  --x-btn-active-border-color: #f2d1cb;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #f1ccc5;
  --x-btn-disabled-border-color: #f1ccc5;
}

.btn-soft-danger {
  --x-btn-color: #AD2D30;
  --x-btn-bg: #e6c0c1;
  --x-btn-border-color: #e6c0c1;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #AD2D30;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 221, 170, 171;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #ebcdcd;
  --x-btn-active-border-color: #e9c6c7;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #e6c0c1;
  --x-btn-disabled-border-color: #e6c0c1;
}

.btn-soft-white {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: white;
  --x-btn-border-color: white;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #FFFFFF;
  --x-btn-hover-border-color: #000000;
  --x-btn-focus-shadow-rgb: 255, 255, 255;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #cccccc;
  --x-btn-active-border-color: #bfbfbf;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: white;
  --x-btn-disabled-border-color: white;
}

.btn-soft-light {
  --x-btn-color: #FFFFFF;
  --x-btn-bg: white;
  --x-btn-border-color: white;
  --x-btn-hover-color: #000000;
  --x-btn-hover-bg: #FFFFFF;
  --x-btn-hover-border-color: #000000;
  --x-btn-focus-shadow-rgb: 255, 255, 255;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #cccccc;
  --x-btn-active-border-color: #bfbfbf;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: white;
  --x-btn-disabled-border-color: white;
}

.btn-soft-dark {
  --x-btn-color: #1D294E;
  --x-btn-bg: #bbbfca;
  --x-btn-border-color: #bbbfca;
  --x-btn-hover-color: #FFFFFF;
  --x-btn-hover-bg: #1D294E;
  --x-btn-hover-border-color: #FFFFFF;
  --x-btn-focus-shadow-rgb: 163, 169, 183;
  --x-btn-active-color: #000000;
  --x-btn-active-bg: #c9ccd5;
  --x-btn-active-border-color: #c2c5cf;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #bbbfca;
  --x-btn-disabled-border-color: #bbbfca;
}

.btn-neutral {
  --x-btn-color: #1D294E;
  --x-btn-bg: #FFFFFF;
  --x-btn-border-color: #D3D8E0;
  --x-btn-hover-color: #1D294E;
  --x-btn-hover-bg: #D3D8E0;
  --x-btn-hover-border-color: #D3D8E0;
  --x-btn-focus-shadow-rgb: 184, 190, 202;
  --x-btn-active-color: #1D294E;
  --x-btn-active-bg: #D3D8E0;
  --x-btn-active-border-color: #D3D8E0;
  --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  --x-btn-disabled-color: #000000;
  --x-btn-disabled-bg: #FFFFFF;
  --x-btn-disabled-border-color: #D3D8E0;
}

.btn-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.875rem;
  height: 2.875rem;
  padding: 0;
}
.btn-square.btn-xs {
  width: 1.75rem;
  height: 1.75rem;
}
.btn-square.btn-sm, .btn-group-sm > .btn-square.btn {
  width: 2.25rem;
  height: 2.25rem;
}
.btn-square.btn-lg, .btn-group-lg > .btn-square.btn {
  width: 3.5rem;
  height: 3.5rem;
}
.btn-square.btn-xl {
  width: 6rem;
  height: 6rem;
}
.btn-square.btn-2xl {
  width: 7.5rem;
  height: 7.5rem;
}

.btn-app {
  background: #000000;
  color: #FFFFFF;
  position: relative;
  padding-left: 4.5rem;
  padding-right: 1.5rem;
  text-align: left;
}
.btn-app i, .btn-app svg {
  width: 1em;
  font-size: 2.5rem;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}
.btn-app .btn-text {
  display: block;
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-bottom: 0.125rem;
}
.btn-app .btn-brand {
  display: block;
  text-align: left;
  font-size: 21px;
  line-height: 21px;
}
.btn-app:hover {
  background-color: #353f6d;
  color: #FFFFFF;
}

.btn-animated {
  position: relative;
  overflow: hidden;
}
.btn-animated .btn-inner-visible {
  position: relative;
}
.btn-animated .btn-inner-hidden {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.btn-animated-x .btn-inner-visible {
  right: 0;
  transition: right 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .btn-animated-x .btn-inner-visible {
    transition: none;
  }
}
.btn-animated-x .btn-inner-hidden {
  right: -100%;
  transition: right 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .btn-animated-x .btn-inner-hidden {
    transition: none;
  }
}
.btn-animated-x:hover .btn-inner-hidden {
  right: 0;
}
.btn-animated-x:hover .btn-inner-visible {
  right: 150%;
}

.btn-animated-y .btn-inner-visible {
  top: 0;
  transition: top 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .btn-animated-y .btn-inner-visible {
    transition: none;
  }
}
.btn-animated-y .btn-inner-hidden {
  left: 0;
  top: -100%;
  transition: top 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn-animated-y .btn-inner-hidden {
    transition: none;
  }
}
.btn-animated-y:hover .btn-inner-hidden {
  top: 50%;
}
.btn-animated-y:hover .btn-inner-visible {
  top: 100px;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.btn-group.show .dropdown-toggle {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}