.banner-v240 {
  position: relative;
}

.banner-v240__bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--percent-width);
  height: var(--percent-height);
}
@media (min-width: 768px) {
  .banner-v240__bg::before {
    background-color: var(--bg);
  }
}

.banner-v240__item-wrap {
  position: relative;
}

.banner-v240__content {
  position: absolute;
  bottom: clamp(2rem, calc(1.25cqw + 1.5rem), 3rem);
  width: 100%;
  z-index: 1;
}

.banner-v240__title {
  color: rgb(var(--color-background));
  padding: 0.5rem 3rem;
  font-family: var(--font-custom-family);
  font-size: clamp(2.4rem, calc(0.75cqw + 2.1rem), 3rem);
  display: inline-block;
  background: rgb(var(--color-accent));
}

.banner-v240__btn {
  padding-left: 3rem;
}