.btn-skk,
.btn-skk:hover,
.btn-skk:focus {
  background: var(--skk-accent);
  border: none;
  color: #1a1a1a;
}

.btn-skk-green,
.btn-skk-green:hover,
.btn-skk-green:focus {
  background: var(--skk-green);
  border: none;
  color: #ffffff;
}

.card-skk {
  background: #fbdfa5;
  text-align: center;
}
.card-skk--fill {
  height: 100%;
}

.txt-on-dark {
  color: var(--bs-body-bg);
}

.fw-normal-i {
  font-weight: normal !important;
}
.fs-1-2 {
  font-size: 1.2rem;
}

.banner-hover {
  display: block;
  transform: scale(1);
  transition: transform .35s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}
.banner-hover:hover,
.banner-hover:focus-visible {
  transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .banner-hover {
    transition: none;
  }
  .banner-hover:hover,
  .banner-hover:focus-visible {
    transform: none;
  }
}

@media (hover: none), (max-width: 767.98px) {
  .banner-hover:hover,
  .banner-hover:focus-visible {
    transform: none;
  }
}