@layer component.layout {
  .tarot {
    height: 100%;
    box-sizing: border-box;
    min-height: var(--card-min-height, 20rem);
    aspect-ratio: var(--aspect-ratio);
  }

  .tarot__top,
  .tarot__bottom {
    padding-inline: 1rem;
    &::before {
      content: "";
      display: block;
      margin-top: 1em;
    }
    &::after {
      content: "";
      display: block;
      margin-bottom: 1em;
    }
  }
}