.modal-success {
   width: 340px;

   @include _Tablet {
      width: 60%;
   }

   @include _XSDesktop {
      width: 40.3%;
   }
   @include _Desktop {
      width: 37.5%;
   }
   @include _LDesktop {
      width: 37.7%;
   }
   &__wrapper {
   }

   &__body {
      padding: 0 24px 24px;

      @include _Tablet {
         padding: 0 32px 32px;
      }

      @include _Desktop {
         padding: 0 40px 40px;
      }
   }

   &__image {
      aspect-ratio: 1/1;
      max-width: 280px;

      margin: 0 auto;
      margin-bottom: 20px;

      @include _Tablet {
         margin-bottom: 40px;
      }

      @include _Desktop {
         max-width: 310px;
         margin-bottom: 24px;
         margin-top: -16px;
      }
      @include _LDesktop {
         max-width: 425px;
         margin-bottom: 43px;
         margin-top: -16px;
      }

      img {
         display: block;
         width: 100%;
         height: 100%;
         object-fit: cover;
      }
   }

   &__title {
      color: #ffffff;
      margin-bottom: 16px;
   }

   &__subtitle {
      max-width: 330px;

      @include _XSDesktop {
         max-width: 283px;
      }
      @include _HDesktop {
         max-width: 390px;
      }
   }
}
