.btn {
  /* Layout & alignment */
  display: inline-flex;
  align-items: center;
  text-align: left;

  /* Typography */
  font-family: Oxygen, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 19px;

  /* Spacing */
  padding: 18px 28px;

  /* Shape */
  border-radius: 2px 2px 0 15px;
  border-width: var(--bs-btn-border-width, 1px);
  border-style: solid;

  /* Colors driven by variables */
  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-bg) !important;
  border-color: var(--bs-btn-border-color) !important;

  /* Interaction transitions */
  transition: all .2s ease;

  /* Cursor */
  cursor: pointer;
}

.btn:hover {
  color: var(--bs-btn-hover-color, var(--bs-btn-color));
  background-color: var(--bs-btn-hover-bg, var(--bs-btn-bg));
  border-color: var(--bs-btn-hover-border-color, var(--bs-btn-border-color));
}

.btn:focus,
.btn:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 var(--bs-btn-focus-width, 0.25rem)
    rgba(var(--bs-btn-focus-shadow-rgb, 13, 110, 253), .25);
}

.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
  color: var(--bs-btn-active-color, var(--bs-btn-color));
  background-color: var(--bs-btn-active-bg, var(--bs-btn-hover-bg));
  border-color: var(--bs-btn-active-border-color, var(--bs-btn-hover-border-color));
  box-shadow: var(--bs-btn-active-shadow, inset 0 3px 5px rgba(0, 0, 0, .125));
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
  cursor: not-allowed;

  color: var(--bs-btn-disabled-color, var(--bs-btn-color));
  background-color: var(--bs-btn-disabled-bg, var(--bs-btn-bg));
  border-color: var(--bs-btn-disabled-border-color, var(--bs-btn-border-color));
  box-shadow: none;
}

.btn-primary {
    background-color: #00543d !important;
    color: #fff !important;
}

.btn-outline-primary {
    --bs-btn-color: #55298a;
    --bs-btn-border-color: #55298a;
    --bs-btn-hover-color: lavender;
    --bs-btn-hover-bg: #55298a;
    --bs-btn-hover-border-color: #55298a;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: lavender;
    --bs-btn-active-bg: #55298a;
    --bs-btn-active-border-color: #55298a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #55298a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #55298a;
    --bs-gradient: none;
    margin: 0.25em 0.1em;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00543d;
    --bs-btn-border-color: #00543d;

    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e3efe3;
    --bs-btn-hover-border-color: #e3efe3;

    --bs-btn-focus-shadow-rgb: 38, 110, 90;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004331;
    --bs-btn-active-border-color: #003f2e;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00543d;
    --bs-btn-disabled-border-color: #00543d;
}

/* Subtle primary button variant */
.btn-primary-subtle {
  /* Base */
  --bs-btn-color: #000;
  --bs-btn-bg: #e3efe3;
  --bs-btn-border-color: #e3efe3;

  /* Hover */
  --bs-btn-hover-color: #000;              /* keep readable dark text */
  --bs-btn-hover-bg: #d6e6d6;              /* slightly darker than base */
  --bs-btn-hover-border-color: #c9d8c9;

  /* Focus ring (greenish tint to match the palette) */
  --bs-btn-focus-shadow-rgb: 38, 110, 90;  /* adjust to taste */

  /* Active/pressed */
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c9d8c9;             /* a step darker than hover */
  --bs-btn-active-border-color: #bcd0bc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

  /* Disabled */
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e3efe3;
  --bs-btn-disabled-border-color: #e3efe3;
}



.btn-secondary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #55298a !important;
    --bs-btn-border-color: #55298a !important;
    --bs-btn-hover-color: #55298a !important;
    --bs-btn-hover-bg: #f5ebf3 !important;
    --bs-btn-hover-border-color: #44216e !important;
    --bs-btn-focus-shadow-rgb: 111, 73, 156 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #44216e !important;
    --bs-btn-active-border-color: #401f68 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #55298a !important;
    --bs-btn-disabled-border-color: #55298a !important;
}




.btn-pink {
  /* Base */
  --bs-btn-color: #55298a;       /* Text */
  --bs-btn-bg: #f5ebf3;          /* Background */
  --bs-btn-border-color: #f5ebf3;

  /* Hover */
  --bs-btn-hover-color: #55298a;
  --bs-btn-hover-bg: #ebd2e8;    /* Slightly darker pink */
  --bs-btn-hover-border-color: #e0c4dc;

  /* Focus ring — purple tone matching text */
  --bs-btn-focus-shadow-rgb: 85, 41, 138;

  /* Active */
  --bs-btn-active-color: #55298a;
  --bs-btn-active-bg: #e0c4dc;   /* One more step darker */
  --bs-btn-active-border-color: #d5b6d0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

  /* Disabled */
  --bs-btn-disabled-color: #55298a;
  --bs-btn-disabled-bg: #f5ebf3;
  --bs-btn-disabled-border-color: #f5ebf3;
}


.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-container-primary,
.btn-light-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #e3efe3;
    --bs-btn-border-color: #e3efe3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e7f1e7;
    --bs-btn-hover-border-color: #e6f1e6;
    --bs-btn-focus-shadow-rgb: 193, 203, 193;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e9f2e9;
    --bs-btn-active-border-color: #e6f1e6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e3efe3;
    --bs-btn-disabled-border-color: #e3efe3
}

.btn-container-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5ebf3;
    --bs-btn-border-color: #f5ebf3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7eef5;
    --bs-btn-hover-border-color: #f6edf4;
    --bs-btn-focus-shadow-rgb: 208, 200, 207;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7eff5;
    --bs-btn-active-border-color: #f6edf4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5ebf3;
    --bs-btn-disabled-border-color: #f5ebf3
}

.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1e1e1e;
    --bs-btn-border-color: #1e1e1e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a1a1a;
    --bs-btn-hover-border-color: #181818;
    --bs-btn-focus-shadow-rgb: 64, 64, 64;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #181818;
    --bs-btn-active-border-color: #171717;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1e1e1e;
    --bs-btn-disabled-border-color: #1e1e1e
}

.btn-container-tertiary {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5f5eb;
    --bs-btn-border-color: #f5f5eb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7ee;
    --bs-btn-hover-border-color: #f6f6ed;
    --bs-btn-focus-shadow-rgb: 208, 208, 200;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f7ef;
    --bs-btn-active-border-color: #f6f6ed;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5f5eb;
    --bs-btn-disabled-border-color: #f5f5eb
}

.btn-light-grey {
    --bs-btn-color: #000;
    --bs-btn-bg: #f5f5f5;
    --bs-btn-border-color: #f5f5f5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7f7;
    --bs-btn-hover-border-color: #f6f6f6;
    --bs-btn-focus-shadow-rgb: 208, 208, 208;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f7f7f7;
    --bs-btn-active-border-color: #f6f6f6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f5f5f5;
    --bs-btn-disabled-border-color: #f5f5f5
}

.btn-error {
    --bs-btn-color: #000;
    --bs-btn-bg: #ff2400;
    --bs-btn-border-color: #ff2400;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff4526;
    --bs-btn-hover-border-color: #ff3a1a;
    --bs-btn-focus-shadow-rgb: 217, 31, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff5033;
    --bs-btn-active-border-color: #ff3a1a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ff2400;
    --bs-btn-disabled-border-color: #ff2400
}

.btn-outline-primary {
    --bs-btn-color: #00543d;
    --bs-btn-border-color: #00543d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00543d;
    --bs-btn-hover-border-color: #00543d;
    --bs-btn-focus-shadow-rgb: 0, 84, 61;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00543d;
    --bs-btn-active-border-color: #00543d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #00543d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00543d;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #55298a;
    --bs-btn-border-color: #55298a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55298a;
    --bs-btn-hover-border-color: #55298a;
    --bs-btn-focus-shadow-rgb: 85, 41, 138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55298a;
    --bs-btn-active-border-color: #55298a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #55298a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #55298a;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-container-primary,
.btn-outline-light-primary {
    --bs-btn-color: #e3efe3;
    --bs-btn-border-color: #e3efe3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e3efe3;
    --bs-btn-hover-border-color: #e3efe3;
    --bs-btn-focus-shadow-rgb: 227, 239, 227;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e3efe3;
    --bs-btn-active-border-color: #e3efe3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #e3efe3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e3efe3;
    --bs-gradient: none
}

.btn-outline-container-secondary {
    --bs-btn-color: #f5ebf3;
    --bs-btn-border-color: #f5ebf3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5ebf3;
    --bs-btn-hover-border-color: #f5ebf3;
    --bs-btn-focus-shadow-rgb: 245, 235, 243;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5ebf3;
    --bs-btn-active-border-color: #f5ebf3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f5ebf3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5ebf3;
    --bs-gradient: none
}

.btn-outline-tertiary {
    --bs-btn-color: #1e1e1e;
    --bs-btn-border-color: #1e1e1e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e1e1e;
    --bs-btn-hover-border-color: #1e1e1e;
    --bs-btn-focus-shadow-rgb: 30, 30, 30;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e1e1e;
    --bs-btn-active-border-color: #1e1e1e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #1e1e1e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1e1e1e;
    --bs-gradient: none
}

.btn-outline-container-tertiary {
    --bs-btn-color: #f5f5eb;
    --bs-btn-border-color: #f5f5eb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5f5eb;
    --bs-btn-hover-border-color: #f5f5eb;
    --bs-btn-focus-shadow-rgb: 245, 245, 235;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5f5eb;
    --bs-btn-active-border-color: #f5f5eb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f5f5eb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5f5eb;
    --bs-gradient: none
}

.btn-outline-light-grey {
    --bs-btn-color: #f5f5f5;
    --bs-btn-border-color: #f5f5f5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f5f5f5;
    --bs-btn-hover-border-color: #f5f5f5;
    --bs-btn-focus-shadow-rgb: 245, 245, 245;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f5f5f5;
    --bs-btn-active-border-color: #f5f5f5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f5f5f5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f5f5f5;
    --bs-gradient: none
}

.btn-outline-error {
    --bs-btn-color: #ff2400;
    --bs-btn-border-color: #ff2400;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff2400;
    --bs-btn-hover-border-color: #ff2400;
    --bs-btn-focus-shadow-rgb: 255, 36, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff2400;
    --bs-btn-active-border-color: #ff2400;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ff2400;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff2400;
    --bs-gradient: none
}

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