[id="cta"] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 32px;
  background:
    radial-gradient(700px circle at 100% 0%, rgba(244,123,32,.30), transparent 60%),
    radial-gradient(600px circle at 0% 100%, rgba(244,123,32,.20), transparent 60%),
    linear-gradient(160deg, #1F1F1F, #0D0D0D) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

[id="cta"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .07;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

[id="cta"]::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 420px;
  height: 420px;
  top: -160px;
  right: -120px;
  border-radius: 50%;
  background: #F47B20;
  opacity: .2;
  filter: blur(120px);
  animation: ctaGlow 9s ease-in-out infinite alternate;
}

@keyframes ctaGlow {
  to { transform: translate(-70px, 50px) scale(1.15); opacity: .3; }
}

@media (prefers-reduced-motion: reduce) {
  [id="cta"]::after { animation: none; }
}

@media (max-width: 767px) {
  [id="cta"]::after { width: 260px; height: 260px; filter: blur(90px); }
}