.cta-bg-colored
  background:
    color: $ctaBgColor

.call-to-action-block
  padding: 50px 0
  +flex(center, center)

  .call-to-action-content
    padding: $paddingSmallTextBlock
    //border-right: 2px solid $primaryColor
    color: $ctaTextColor
    p
      margin: 0 40px 0 0
      +font-bold(25px, 30px)


  .call-to-action-button
    +flex(center, center)
    +font-bold(16px, 22px)
    width: 100%
    max-width: 250px
    height: 50px
    transition: background 0.4s, color 0.2s, transform 0.5s
    background:
      color: $ctaBtnColor
    color: $ctaBtnTextColor
    text-transform: uppercase
    +border-bottom-radius(200px)
    +border-top-radius(200px)

    &:hover
      cursor: pointer
      background:
        color: $ctaBtnHoverColor
      color: $ctaBtnTextColor

  +respond-to-width(700)
    flex-direction: column

    .call-to-action-content
      border: 0
      padding: $paddingSmallTextBlock / 2