/* ===== Variables ===== */
:root {
  --cta-orange: #C3620C;
  --cta-radius: 16px;
  --cta-transition: .25s ease;
}

/* ===== Conteneur principal ===== */
.wc-cta-box {
  max-width: 600px;
  margin: 40px auto;
  padding: 2rem;
  background: var(--cta-orange);
  color: #fff;
  border-radius: var(--cta-radius);
  text-align: center;
}

/* ===== Titre & contenu ===== */
.wc-cta-box__title  { font-size: 1.8rem; font-weight: 700; margin: 0 0 1rem; }
.wc-cta-box__content{ font-size: 1rem;  margin: 0 0 1.5rem; }

/* ===== Bouton ===== */
.wc-cta-box__button {
  display: inline-block;
  padding: .75rem 1.75rem;
  background: #fff;
  color: var(--cta-orange);
  font-weight: 600;
  text-decoration: none;
  border-radius: calc(var(--cta-radius) / 2);
  transition: opacity var(--cta-transition), transform var(--cta-transition);
}
.wc-cta-box__button:hover   { opacity: .85; transform: translateY(-2px); }
.wc-cta-box__button:active  { transform: none; }

/* ===== Responsive rapide ===== */
@media (max-width: 480px) {
  .wc-cta-box        { padding: 1.5rem; }
  .wc-cta-box__title { font-size: 1.6rem; }
}