.card-wrapper {
  position: relative;
  background-color: #13455E;
  box-shadow: 0px 20px 30px 0px #13455E80;
  border-radius: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  font-family: 'Montserrat Alternates', sans-serif;
  color: #fff;
  
  strong {
    font-weight: 700;
    color: #65D98B;
    font-family: 'Montserrat Alternates', sans-serif;
  }

  &::before {
    display: block;
    content: url("data:image/svg+xml,%3csvg width='66' height='73' viewBox='0 0 66 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M-3.04389e-06 62.6361C-3.3808e-06 70.3438 8.35208 75.1538 15.0187 71.2856L60.0872 45.1351C66.7303 41.2805 66.7286 31.6866 60.0841 27.8344L15.0156 1.70548C8.34898 -2.15959 -4.21844e-07 2.65065 -7.58685e-07 10.3567L-3.04389e-06 62.6361Z' fill='%231E9E9B'/%3e%3c/svg%3e");
    position: absolute;
    top: 35px;
    left: -25px;
  }

  // Telas até MD
  @include media($sm-max) {
    &::before {
      left: 50%;
      transform: translateX(-50%);
      top: -30px;
    }

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  // Telas até SM
  @include media($xs-max) {
    font-size: 20px;
    line-height: 23px;
  }
}