.cta {
  padding: 48px 0;
  overflow: hidden;
}
.cta__wrapper {
  display: flex;
  flex-direction: column;
  height: 660px;
}
@media (min-width: 48em) {
  .cta__wrapper {
    height: 370px;
  }
}
.cta__contacts {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 48em) {
  .cta__contacts {
    margin: auto 0 0;
  }
}
.cta__contacts li {
  margin-bottom: 8px;
}
.cta__contacts a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 2px;
}
.cta__contacts a:hover {
  color: var(--clr-03);
  text-decoration: underline;
}
.cta__contacts a .si {
  font-size: 1.4em;
}
.cta__btns {
  row-gap: var(--rowPadding);
  margin-top: auto;
}
@media (min-width: 48em) {
  .cta__btns {
    margin-top: 30px;
  }
}
.cta .btn {
  width: 100%;
}
@media (min-width: 48em) {
  .cta .btn {
    width: auto;
  }
}
.cta .btn--red {
  gap: 2px;
}
.cta .btn--red .si {
  font-size: 2.2em;
}
.cta__bg {
  height: 300px;
  position: absolute;
  left: 20%;
  top: 50%;
  transform: translateY(-42%);
  max-width: unset;
  z-index: -1;
}
@media (min-width: 48em) {
  .cta__bg {
    height: 250px;
    transform: translate(-10%, -55%);
    left: 50%;
  }
}
@media (min-width: 62em) {
  .cta__bg {
    height: 400px;
    transform: translate(50%, -25%);
    right: 0;
    left: unset;
    bottom: 0;
  }
}
@media (min-width: 75em) {
  .cta__bg {
    transform: translate(30%, -30%);
  }
}
@media (min-width: 88.25em) {
  .cta__bg {
    height: 420px;
    transform: translate(10%, -30%);
  }
}