/* =========================
   CCI CTA Button
   Structural styles only — sizing, spacing, and typography
   are controlled via the Elementor widget controls.
========================= */

.cci-cta-button {
  width: 100%;
  box-sizing: border-box;
}

.cci-cta-button *,
.cci-cta-button *::before,
.cci-cta-button *::after {
  box-sizing: border-box;
}

.cci-cta-button__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cci-cta-button__button-wrap {
  /* Width is set responsively by the widget control */
}

.cci-cta-button__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  text-align: center;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

/* Defensive override — some themes force underline on hover */
.cci-cta-button__button:hover,
.cci-cta-button__button:focus {
  text-decoration: none;
}

/* Reset theme-injected paragraph margins inside WYSIWYG sub-description */
.cci-cta-button__sub-description p {
  margin-top: 0;
  margin-bottom: 0;
}