.af-flip-card,
.af-flip-back {
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.af-flip-card {
  transform: rotateY(0deg);
}

.af-flip-back {
  position: absolute;
  inset: 0;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 1 !important;
}

.af-flip.is-flipped .af-flip-card {
  transform: rotateY(180deg);
}
.af-flip.is-flipped .af-flip-back {
  transform: rotateY(0deg);
}

.af-flip__toggle {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 3;
}
.af-flip__toggle:focus-visible {
  outline: 3px solid rgba(0,0,0,.35);
  outline-offset: -3px;
}

.af-flip .wp-block-cover,
.af-flip .wp-block-cover__inner-container {
  height: 100%;
}