/* CTA Mobile Text Alignment Fix */
/* Ensures text is left-aligned on mobile devices */

@media screen and (max-width: 768px) {
  .cta-box {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
  }

  .cta-text {
    text-align: left !important;
    flex: 1;
  }

  .cta-arrow {
    margin-left: auto;
    flex-shrink: 0;
  }
}

/* Override any centering for mobile */
@media screen and (max-width: 480px) {
  .cta-box {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
  }

  .cta-text {
    text-align: left !important;
    align-self: center;
  }

  .cta-arrow {
    text-align: right !important;
  }
}

/* Ensure proper spacing and alignment on very small screens */
@media screen and (max-width: 400px) {
  .cta-box {
    padding: 1rem 1.25rem;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .cta-text {
    text-align: left !important;
    margin-right: 10px;
  }
}