.hero-text {
  padding-block: 2.063rem;
  display: flex;
  flex-direction: column;
  gap: 0.438rem;
}
@media screen and (width >= 60rem) {
  .hero-text {
    padding-block: 3.125rem 5.25rem;
    flex-direction: row;
    gap: 3.125rem;
    align-items: center;
  }
}
.hero-text--text {
  flex: 1;
}
.hero-text--text span {
  background: url(_images/underline.png) no-repeat bottom right;
  background-size: contain;
}
.hero-text--cta {
  position: relative;
  aspect-ratio: 10.875/8.25;
  width: 9.375rem;
}
@media screen and (width >= 60rem) {
  .hero-text--cta {
    width: 10.875rem;
  }
}
@media screen and (width >= 71.25rem) {
  .hero-text--cta {
    margin-right: 2.875rem;
  }
}
.hero-text--cta .brush-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero-text--cta .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  gap: 0.563rem;
}
.hero-text--cta .play-button--text {
  font-weight: 600;
  letter-spacing: -0.16px;
  font-size: clamp(0.875rem, 0.7863rem + 0.3339vw, 1rem);
}