.contact-cta__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  
  @media screen and (min-width: 990px) {
    width: 75%;
    margin: 0 auto;
  }
  
  @media screen and (min-width: 1200px) {
    width: 50%;
  }
}

.contact-cta__heading {
  padding-bottom: 3.6rem;
  
  @media screen and (min-width: 990px) {
    padding-bottom: 4.8rem;
  }
  
  h2 {
    text-align: center;
  }
  
  .contact-cta__heading__description {
    font-size: 1.8rem;
    margin: 0;
    text-align: center;
    
    @media screen and (min-width: 990px) {
      font-size: 2rem;
    }
  }
}

.contact-cta__content {
  background: var(--gradient-background);
  padding: 2rem;
  border-radius: 2rem;
  position: relative;
  width: 100%;
  
  @media screen and (min-width: 990px) {
    padding: 3.2rem;
  }
  
  .cta__block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    
    @media screen and (min-width: 990px) {
      flex-direction: row;
      align-items: center;
      gap: 3.6rem;
    }
    
    img {
      width: 8rem;
      height: 8rem;
      border-radius: 100%;
      
      @media screen and (min-width: 990px) {
        width: 12rem;
        height: 12rem;
      }
    }
  }
  
  .cta__image {
    display: flex;
    
    img {
      object-fit: cover;
    }
  }
  
  .cta__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
    .cta__text {
      color: var(--color-secondary-b);
      
      p {
        margin: 0;
      }
    }
    
    .button {
      padding: 0 !important;
      font-weight: 400 !important;
      position: static !important;
      
      &:after {
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }
    }
    
    .cta__text,
    .button {
      font-size: 1.5rem;
      line-height: 160%;
      
      @media screen and (min-width: 990px) {
        font-size: 1.6rem;
      }
    }
    
    .button {
      background: white;
      color: black;
    }
  }
  
  .cta__info > h3 {
    font-size: 1.8rem;
    line-height: 125%;
    margin: 0;
    
    @media screen and (min-width: 990px) {
      font-size: 2rem;
    }
  }
}

.color-scheme-1 {
  .contact-cta__content.color-scheme-1 {
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  }
}