.fullsize-text-btn {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.fullsize-text-btn-headline {
  grid-column: 3 / span 10;
  margin: 0;
  text-wrap: balance;
  z-index: 1;
}

.fullsize-text-btn-description {
  grid-column: 3 / span 10;
  margin-top: var(--s-sm);
  max-width: min(100%, 100ch);
  justify-self: center;
  z-index: 1;
}

.fullsize-text-btn-buttons {
  grid-column: 3 / span 10;
  display: flex;
  gap: var(--grid-gap);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--s-sm);
}

.fullsize-text-btn-btn {
  display: flex;
  gap: 0.5em;
  align-items: center;
}

.fullsize-text-btn-academy-link {
  display: flex;
  grid-column: 2 / span 12;
  margin-bottom: var(--s-sm);
  justify-self: center;
}

.fullsize-text-btn-academy-logo {
  width: auto;
  height: max(100px, 7.34375vw);
}

.fullsize-text-btn.ver-2::after {
  content: "";
  mask-image: url("../../img/rune.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  aspect-ratio: 1;
  height: 90%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(45%, -50%);
  background-color: var(--light-red);
}

@media (max-width: 1199.98px) {
  .fullsize-text-btn-buttons,
  .fullsize-text-btn-description,
  .fullsize-text-btn-headline {
    grid-column: 2 / span 12;
  }

  .fullsize-text-btn.ver-2::after {
    height: 65%;
  }
}

@media (max-width: 575.98px) {
  .fullsize-text-btn.ver-2::after {
    height: 45%;
  }
}