.cta-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 1.3rem;
   margin-bottom: clamp(5.5rem, 4.9718rem + 2.2535vw, 7rem);
   /* margin-bottom: clamp(7rem, 5.2394rem + 7.5117vw, 12rem); */
}

.cta-text-container {
   display: grid;
   gap: .5rem;
}

.cta-title {
   color: var(--main-section-title-color);
   font-family: var(--font-family-heading);
   font-size: var(--font-size-h4);
}

.cta-desc {
   font-size: var(--font-size-text);
   max-width: 30rem;
}

.cta-btn {
   background-image: var(--color-dark-gradient);
   border-radius: var(--spacing-btn-radius);
   border: .59px solid #393c41;
   color: #cbd5e1;
   display: flex;
   align-items: center;
   gap: var(--spacing-btn-gap);
   font-size: var(--font-size-btn);
   font-family: var(--font-family-primary);
   padding: var(--spacing-btn-padding);
   transition: var(--global-transition);
}

.cta-btn:is(:hover, :active) {
   color: #ffffff;
   border: .59px solid var(--btn-hover-color);
}


/* breakpoint 937px media query */
@media screen and (max-width: 58.563em) {
   .cta-section {
      justify-content: center;
      text-align: center;
   }
}