/* ==========================================================
   COSTA DESIGN SYSTEM — SECTION CTA
   ========================================================== */

.cst-section-cta {
  width: min(100%, var(--cst-section-cta-max-width, 820px));
  margin: 42px auto 0;
  text-align: center;
}

.cst-section-cta--left {
  text-align: left;
}

.cst-section-cta__text {
  margin: 0 0 16px;

  color: rgba(6, 43, 87, 0.72);
  font-size: 16px;
  line-height: 1.7;
}

.cst-section-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-width: 280px;
  min-height: 56px;
  padding: 0 36px;

  border-radius: 16px;
  background: linear-gradient(135deg, #d4af37 0%, #f1cc4f 52%, #d8b13a 100%);
  color: var(--cst-color-blue);

  font-size: 15px;
  font-weight: 900;
  text-decoration: none;

  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.26);
  transition: all 0.3s ease;
}

.cst-section-cta__button:hover {
  transform: translateY(-2px);
  color: var(--cst-color-blue);
  text-decoration: none;
  box-shadow: 0 18px 34px rgba(212, 175, 55, 0.34);
}

.cst-section-cta__button span {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.cst-section-cta__button:hover span {
  transform: translateX(5px);
}

@media (max-width: 767px) {
  .cst-section-cta {
    margin-top: 38px;
  }

  .cst-section-cta__text {
    font-size: 15px;
  }
}