/**
 * CTA Card Widget base styles.
 */

.service-cta-card {
  height: 100%;
  background: #003361;
  border-radius: 12px;
  padding: 40px 30px;
  color: white !important;
  display: flex;
  align-items: center;
  align-items: end;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.service-cta-inner-card{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.service-cta-card__content{
  flex: 4;
}

.service-cta-card__arrow{
  flex: 2;
  text-align: end;
}

.cta-inner p {
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 10px;
  color: white;
}

.cta-inner h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 30px;
}

.cta-arrow {
  all: unset;
  color: white;
  font-size: 6rem;
  text-decoration: none;
  transition: transform 0.3s ease;
  display: inline-block;
  transform: translateX(-10px);
  
}

.service-cta-card:hover .cta-arrow{
  transform: translateX(0px);
}

.service-cta-card:hover {
  background-color: #009a17;
  transform: translateY(-5px);
}