button:focus,
button:active,
.btn:focus,
.btn:active,
.btn:focus:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn {
  text-wrap: nowrap;
  border-radius: 4px;
  text-decoration: none!important;
}

.btn .bi {
  margin-right: .5rem
}

.btn-microsoft {
  display: inline-flex;
  align-items: center;
}

.btn-microsoft::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/logos/ms.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: .5rem;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.hero-carousel .carousel-indicators [data-bs-target] {
  margin: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--neutral-10);
  background-color: transparent;
  opacity: 1 !important;
}

.hero-carousel .carousel-indicators .active {
  background-color: var(--neutral-10);
  opacity: 1 !important;
}

.hero-carousel .btn-carousel {
    padding: 0;
}

.hero-carousel .btn-carousel .bi {
    margin: 0;
}

.pricing-tabs .rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.pricing-tabs .rounded-start-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.pricing-tabs .nav-link.active {
  background-color: var(--neutral-10) !important;
  color: white!important;
}

.pricing-tabs .nav-link:not(.active) {
  background-color: var(--neutral-100)!important;
  color: var(--neutral-10) !important;
}

.btn-primary {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
  color: white;
}

.btn-primary:hover {
  background-color: var(--neutral-30);
  border-color: var(--neutral-30)
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:focus-visible,
.btn-check:focus + .btn-primary {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10)
}

.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active:focus-visible,
.btn-primary.active:focus-visible,
.btn-check:checked:focus + .btn-primary,
.btn-check:active:focus + .btn-primary {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10)
}

.btn-secondary {
  background-color: var(--neutral-110);
  border-color: var(--neutral-10);
  color: var(--neutral-10);
}

.btn-secondary:hover {
  background-color: var(--neutral-100);
  border-color: var(--neutral-10);
  color: var(--neutral-10);
}

.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:focus-visible,
.btn-check:focus + .btn-secondary {
  background-color: var(--neutral-110);
  border-color: var(--neutral-10);
  color: var(--neutral-10);
}

.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle,
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary {
  background-color: var(--neutral-110);
  border-color: var(--neutral-10);
  color: var(--neutral-10);
}

.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus-visible,
.btn-secondary.active:focus-visible,
.btn-check:checked:focus + .btn-secondary,
.btn-check:active:focus + .btn-secondary {
  background-color: var(--neutral-110);
  border-color: var(--neutral-10);
  color: var(--neutral-10);
}

.btn-outline-dark {
  color: var(--neutral-10);
  border-color: var(--neutral-10);
}

.btn-outline-dark:hover {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
  color: white;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus,
.btn-outline-dark:focus-visible,
.btn-check:focus + .btn-outline-dark {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
  color: white;
}

.btn-outline-dark:active,
.btn-outline-dark.active,
.show > .btn-outline-dark.dropdown-toggle,
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
  color: white;
}

.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark:active:focus-visible,
.btn-outline-dark.active:focus-visible,
.btn-check:checked:focus + .btn-outline-dark,
.btn-check:active:focus + .btn-outline-dark {
  background-color: var(--neutral-10);
  border-color: var(--neutral-10);
  color: white;
}

.accordion-button[aria-expanded="true"] {
  color: var(--neutral-10);
}

.accordion-button::after {
  display: none;
}

.accordion-button i.bi-chevron-down {
  display: inline-block;
  color: var(--neutral-10);
  transition: transform .25s ease;
}

.accordion-button:not(.collapsed) i.bi-chevron-down {
  transform: rotate(180deg);
}