.btn-mcaa {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-mcaa);
  --bs-btn-border-color: var(--bs-mcaa);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(192.2822580645, 18.7177419355, 32.3306451613);
  --bs-btn-hover-border-color: rgb(192.2822580645, 18.7177419355, 32.3306451613);
  --bs-btn-focus-shadow-rgb: var(--bs-mcaa-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(169.0443548387, 16.4556451613, 28.4233870968);
  --bs-btn-active-border-color: rgb(169.0443548387, 16.4556451613, 28.4233870968);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-mcaa-light);
  --bs-btn-disabled-border-color: var(--bs-mcaa-light);
}

@keyframes subtle-glow {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--glow-color-rgb), 1);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--glow-color-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--glow-color-rgb), 0);
  }
}

.btn-glow {
  --glow-color: currentColor;
  --glow-color-rgb: 128, 128, 128;
  position: relative;
  z-index: 0;
  transition: box-shadow 1s ease;
}

.btn-glow::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border-radius: inherit;
  background-color: transparent;
  z-index: -1;
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0;
}

.btn-glow.animate-glow {
  animation: subtle-glow 3s infinite;
}

.btn-mcaa.btn-glow {
  --glow-color: var(--bs-mcaa);
  --glow-color-rgb: var(--bs-mcaa-rgb);
}

* {
  margin: 0;
  padding: 0;
}

.btn {
  font-family: var(--bs-font-primary) !important;
}