.btn {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 0;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 1;
  --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.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(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0073aa;
  --bs-btn-border-color: #0073aa;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #006291;
  --bs-btn-hover-border-color: #005c88;
  --bs-btn-focus-shadow-rgb: 38, 136, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005c88;
  --bs-btn-active-border-color: #005680;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0073aa;
  --bs-btn-disabled-border-color: #0073aa;
}

.btn-primary-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1e4277;
  --bs-btn-border-color: #1e4277;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a3865;
  --bs-btn-hover-border-color: #18355f;
  --bs-btn-focus-shadow-rgb: 64, 94, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #18355f;
  --bs-btn-active-border-color: #173259;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1e4277;
  --bs-btn-disabled-border-color: #1e4277;
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f9fafb;
  --bs-btn-hover-border-color: #f9fafb;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f9fafb;
  --bs-btn-active-border-color: #f9fafb;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #27ae60;
  --bs-btn-border-color: #27ae60;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #47ba78;
  --bs-btn-hover-border-color: #3db670;
  --bs-btn-focus-shadow-rgb: 33, 148, 82;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #52be80;
  --bs-btn-active-border-color: #3db670;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #27ae60;
  --bs-btn-disabled-border-color: #27ae60;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #3498db;
  --bs-btn-border-color: #3498db;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #52a7e0;
  --bs-btn-hover-border-color: #48a2df;
  --bs-btn-focus-shadow-rgb: 44, 129, 186;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #5dade2;
  --bs-btn-active-border-color: #48a2df;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #3498db;
  --bs-btn-disabled-border-color: #3498db;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #f39c12;
  --bs-btn-border-color: #f39c12;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f5ab36;
  --bs-btn-hover-border-color: #f4a62a;
  --bs-btn-focus-shadow-rgb: 207, 133, 15;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f5b041;
  --bs-btn-active-border-color: #f4a62a;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f39c12;
  --bs-btn-disabled-border-color: #f39c12;
}

.btn-danger {
  --bs-btn-color: #000;
  --bs-btn-bg: #e74c3c;
  --bs-btn-border-color: #e74c3c;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eb6759;
  --bs-btn-hover-border-color: #e95e50;
  --bs-btn-focus-shadow-rgb: 196, 65, 51;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ec7063;
  --bs-btn-active-border-color: #e95e50;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e74c3c;
  --bs-btn-disabled-border-color: #e74c3c;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-accent {
  --bs-btn-color: #000;
  --bs-btn-bg: #e74c3c;
  --bs-btn-border-color: #e74c3c;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eb6759;
  --bs-btn-hover-border-color: #e95e50;
  --bs-btn-focus-shadow-rgb: 196, 65, 51;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ec7063;
  --bs-btn-active-border-color: #e95e50;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e74c3c;
  --bs-btn-disabled-border-color: #e74c3c;
}

.btn-masder-coral-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B45138;
  --bs-btn-border-color: #B45138;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #994530;
  --bs-btn-hover-border-color: #90412d;
  --bs-btn-focus-shadow-rgb: 191, 107, 86;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #90412d;
  --bs-btn-active-border-color: #873d2a;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #B45138;
  --bs-btn-disabled-border-color: #B45138;
}

.btn-masder-coral {
  --bs-btn-color: #000;
  --bs-btn-bg: #EB6747;
  --bs-btn-border-color: #EB6747;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ee7e63;
  --bs-btn-hover-border-color: #ed7659;
  --bs-btn-focus-shadow-rgb: 200, 88, 60;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ef856c;
  --bs-btn-active-border-color: #ed7659;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #EB6747;
  --bs-btn-disabled-border-color: #EB6747;
}

.btn-masder-coral-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFB9A7;
  --bs-btn-border-color: #FFB9A7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc4b4;
  --bs-btn-hover-border-color: #ffc0b0;
  --bs-btn-focus-shadow-rgb: 217, 157, 142;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc7b9;
  --bs-btn-active-border-color: #ffc0b0;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFB9A7;
  --bs-btn-disabled-border-color: #FFB9A7;
}

.btn-masder-teal-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #A7D1D9;
  --bs-btn-border-color: #A7D1D9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b4d8df;
  --bs-btn-hover-border-color: #b0d6dd;
  --bs-btn-focus-shadow-rgb: 142, 178, 184;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b9dae1;
  --bs-btn-active-border-color: #b0d6dd;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #A7D1D9;
  --bs-btn-disabled-border-color: #A7D1D9;
}

.btn-masder-teal {
  --bs-btn-color: #000;
  --bs-btn-bg: #74B3C1;
  --bs-btn-border-color: #74B3C1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #89beca;
  --bs-btn-hover-border-color: #82bbc7;
  --bs-btn-focus-shadow-rgb: 99, 152, 164;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #90c2cd;
  --bs-btn-active-border-color: #82bbc7;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #74B3C1;
  --bs-btn-disabled-border-color: #74B3C1;
}

.btn-masder-teal-dark {
  --bs-btn-color: #000;
  --bs-btn-bg: #2C8F9F;
  --bs-btn-border-color: #2C8F9F;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4ca0ad;
  --bs-btn-hover-border-color: #419aa9;
  --bs-btn-focus-shadow-rgb: 37, 122, 135;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #56a5b2;
  --bs-btn-active-border-color: #419aa9;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #2C8F9F;
  --bs-btn-disabled-border-color: #2C8F9F;
}

.btn-masder-mauve {
  --bs-btn-color: #000;
  --bs-btn-bg: #987D9D;
  --bs-btn-border-color: #987D9D;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #a791ac;
  --bs-btn-hover-border-color: #a28aa7;
  --bs-btn-focus-shadow-rgb: 129, 106, 133;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ad97b1;
  --bs-btn-active-border-color: #a28aa7;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #987D9D;
  --bs-btn-disabled-border-color: #987D9D;
}

.btn-outline-primary {
  --bs-btn-color: #0073aa;
  --bs-btn-border-color: #0073aa;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0073aa;
  --bs-btn-hover-border-color: #0073aa;
  --bs-btn-focus-shadow-rgb: 0, 115, 170;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0073aa;
  --bs-btn-active-border-color: #0073aa;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #0073aa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0073aa;
  --bs-gradient: none;
}

.btn-outline-primary-dark {
  --bs-btn-color: #1e4277;
  --bs-btn-border-color: #1e4277;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1e4277;
  --bs-btn-hover-border-color: #1e4277;
  --bs-btn-focus-shadow-rgb: 30, 66, 119;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1e4277;
  --bs-btn-active-border-color: #1e4277;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #1e4277;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1e4277;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #27ae60;
  --bs-btn-border-color: #27ae60;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #27ae60;
  --bs-btn-hover-border-color: #27ae60;
  --bs-btn-focus-shadow-rgb: 39, 174, 96;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #27ae60;
  --bs-btn-active-border-color: #27ae60;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #27ae60;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #27ae60;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #3498db;
  --bs-btn-border-color: #3498db;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #3498db;
  --bs-btn-hover-border-color: #3498db;
  --bs-btn-focus-shadow-rgb: 52, 152, 219;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3498db;
  --bs-btn-active-border-color: #3498db;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #3498db;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3498db;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #f39c12;
  --bs-btn-border-color: #f39c12;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f39c12;
  --bs-btn-hover-border-color: #f39c12;
  --bs-btn-focus-shadow-rgb: 243, 156, 18;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f39c12;
  --bs-btn-active-border-color: #f39c12;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #f39c12;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f39c12;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #e74c3c;
  --bs-btn-border-color: #e74c3c;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e74c3c;
  --bs-btn-hover-border-color: #e74c3c;
  --bs-btn-focus-shadow-rgb: 231, 76, 60;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e74c3c;
  --bs-btn-active-border-color: #e74c3c;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #e74c3c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e74c3c;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-outline-accent {
  --bs-btn-color: #e74c3c;
  --bs-btn-border-color: #e74c3c;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e74c3c;
  --bs-btn-hover-border-color: #e74c3c;
  --bs-btn-focus-shadow-rgb: 231, 76, 60;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e74c3c;
  --bs-btn-active-border-color: #e74c3c;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #e74c3c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e74c3c;
  --bs-gradient: none;
}

.btn-outline-masder-coral-dark {
  --bs-btn-color: #B45138;
  --bs-btn-border-color: #B45138;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B45138;
  --bs-btn-hover-border-color: #B45138;
  --bs-btn-focus-shadow-rgb: 180, 81, 56;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B45138;
  --bs-btn-active-border-color: #B45138;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #B45138;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #B45138;
  --bs-gradient: none;
}

.btn-outline-masder-coral {
  --bs-btn-color: #EB6747;
  --bs-btn-border-color: #EB6747;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #EB6747;
  --bs-btn-hover-border-color: #EB6747;
  --bs-btn-focus-shadow-rgb: 235, 103, 71;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #EB6747;
  --bs-btn-active-border-color: #EB6747;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #EB6747;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EB6747;
  --bs-gradient: none;
}

.btn-outline-masder-coral-light {
  --bs-btn-color: #FFB9A7;
  --bs-btn-border-color: #FFB9A7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FFB9A7;
  --bs-btn-hover-border-color: #FFB9A7;
  --bs-btn-focus-shadow-rgb: 255, 185, 167;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FFB9A7;
  --bs-btn-active-border-color: #FFB9A7;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #FFB9A7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFB9A7;
  --bs-gradient: none;
}

.btn-outline-masder-teal-light {
  --bs-btn-color: #A7D1D9;
  --bs-btn-border-color: #A7D1D9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #A7D1D9;
  --bs-btn-hover-border-color: #A7D1D9;
  --bs-btn-focus-shadow-rgb: 167, 209, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #A7D1D9;
  --bs-btn-active-border-color: #A7D1D9;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #A7D1D9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #A7D1D9;
  --bs-gradient: none;
}

.btn-outline-masder-teal {
  --bs-btn-color: #74B3C1;
  --bs-btn-border-color: #74B3C1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #74B3C1;
  --bs-btn-hover-border-color: #74B3C1;
  --bs-btn-focus-shadow-rgb: 116, 179, 193;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #74B3C1;
  --bs-btn-active-border-color: #74B3C1;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #74B3C1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #74B3C1;
  --bs-gradient: none;
}

.btn-outline-masder-teal-dark {
  --bs-btn-color: #2C8F9F;
  --bs-btn-border-color: #2C8F9F;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #2C8F9F;
  --bs-btn-hover-border-color: #2C8F9F;
  --bs-btn-focus-shadow-rgb: 44, 143, 159;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #2C8F9F;
  --bs-btn-active-border-color: #2C8F9F;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #2C8F9F;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2C8F9F;
  --bs-gradient: none;
}

.btn-outline-masder-mauve {
  --bs-btn-color: #987D9D;
  --bs-btn-border-color: #987D9D;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #987D9D;
  --bs-btn-hover-border-color: #987D9D;
  --bs-btn-focus-shadow-rgb: 152, 125, 157;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #987D9D;
  --bs-btn-active-border-color: #987D9D;
  --bs-btn-active-shadow: 0;
  --bs-btn-disabled-color: #987D9D;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #987D9D;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #000;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: none;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

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