/* CTA Component Styles */

/* Main CTA */

.budi-cta__wrapper {
   background-color: var(--pink-100);
   gap: 10px;
}

.budi-cta__thumb {
   width: 800px;
}

.budi-cta__thumb img {
   object-fit: cover;
}

.budi-cta__content {
   padding: 32px 56px;
}

.budi-cta__content-subtitle {
   color: var(--neutral-black);
}

.budi-cta.budi-cta-dark .budi-cta__wrapper {
   background-color: #020042;
}

/* Small CTA */

.budi-cta-small__wrapper {
   background-color: var(--blue-100);
   padding: 24px 24px 24px 60px;
   gap: 20px;
   background-size: contain;
   background-repeat: repeat;
   background-position: center;
}

.budi-cta-small__thumb {
   width: 250px;
}

.budi-cta-small__content-desc {
   max-width: 420px;
}

.budi-cta-small__content {
   gap: 32px;
}

/* CTA Responsive Styles */

@media (max-width: 1599px) {
   .budi-cta-small__thumb {
      width: 310px;
   }
   
   .budi-cta__thumb {
      width: 650px;
   }
}

@media (max-width: 1399px) {
   .budi-cta__thumb {
      width: 550px;
   }
   
   .budi-object-page .budi-cta__thumb {
      width: 250px;
   }
   
   .budi-object-page .budi-cta__content {
      padding: 24px;
   }
}

@media (max-width: 1199px) {
   .budi-cta-small__thumb {
      width: 280px;
   }
   
   .budi-cta__thumb {
      width: 480px;
   }
   
   .budi-object-page .budi-cta__thumb {
      width: 295px;
   }
   
   .budi-object-page .budi-cta__content {
      padding: 32px;
   }
}

@media (max-width: 991px) {
   .budi-cta__content {
      padding: 24px;
   }
   
   .budi-cta-small__content {
      padding: 24px;
   }
   
   .budi-cta__thumb {
      width: 340px;
   }
}

@media (max-width: 767px) {
   .budi-cta-small__wrapper {
      padding: 16px 24px;
      padding-left: inherit;
      background-image: unset;
      background-color: var(--blue-100);
      gap: 30px;
   }
   
   .budi-cta-small__thumb {
      width: 100%;
   }
   
   .budi-cta-small__content {
      gap: 24px;
   }
   
   .budi-cta__thumb {
      width: 100%;
   }
   
   .budi-cta__wrapper {
      gap: 8;
   }
   
   .budi-object-page .budi-cta__thumb {
      width: 100%;
   }
   
   .budi-object-page .budi-cta__content {
      padding: 24px;
   }
}