/* =========================================================
   DOTS MEDIA
   CTA SECTION
   ========================================================= */

.cta {
  position: relative;
  z-index: 2;

  text-align: center;

  padding: 100px 24px 130px;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255, 122, 26, 0.12) 0%,
      transparent 65%
    );
}


/* =========================================================
   CTA TAG
   ========================================================= */

.cta-tag {
  display: inline-flex;

  align-items: center;
  gap: 10px;

  color: #cfcfcf;

  font-size: 13px;
  font-weight: 600;

  letter-spacing: 2px;
  text-transform: uppercase;

  margin-bottom: 26px;
}


/* =========================================================
   CTA DESCRIPTION
   ========================================================= */

.cta p {
  color: #a9a9a9;

  font-size: 16px;
  line-height: 1.7;

  max-width: 460px;

  margin: 0 auto 36px;
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.btn-cta {
  display: inline-flex;

  align-items: center;
  gap: 10px;

  background: #ff7a1a;
  color: #1a0f08;

  font-weight: 700;
  font-size: 13.5px;

  letter-spacing: 0.5px;

  padding: 16px 28px;

  border: none;
  border-radius: 999px;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.btn-cta:hover {
  transform: translateY(-2px);

  box-shadow:
    0 12px 28px rgba(255, 122, 26, 0.35);
}