.simple-cta {
  display: flex;
  gap: 40px;
  align-items: center;
}

.simple-cta-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 180px;
  max-width 180px;
}

.simple-cta-wrapper {
  flex: 1;
}

.simple-cta h4 {
  color: #00324C;
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; 
  margin-bottom: 16px;
}

.simple-cta .green-gradient {
  -webkit-background-clip: text;
    background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #8BE714 12.24%, #019520 78.01%);
}

.simple-cta p {
  margin-bottom: 16px;
}

.simple-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.simple-cta-actions a {
  height: 40px;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: linear-gradient(90deg, #8BE714 12.24%, #019520 78.01%);
  box-shadow: 0px 4px 7px -1px rgba(0, 0, 0, 0.11), 0px 2px 4px -1px rgba(0, 0, 0, 0.07);
  font-family: Ubuntu;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
  padding: 0 32px;
  text-decoration: none !important;
  transform: scale(1);
  transition: box-shadow, background-image, background-color, transform;
  transition-duration: .1s;
  transition-timing-function: ease-in-out;
}

.simple-cta-actions a:hover {
  transform: scale(1.07);
}

.simple-cta--dark h4,
.simple-cta--dark * {
  color: #FFFFFF;
}

.simple-cta--dark .simple-cta-actions {
  margin-top: 40px;
}

.simple-cta--dark .simple-cta-actions a {
  background: #FFFFFF;
  color: #F59200;
}

@media (max-width: 768px) {
  .simple-cta {
    flex-direction: column; 
  }
}