.modal {
   display: none;
   position: relative;
   padding: 0;
   overflow: hidden;
   background: #231f20;
   height: 100vh;

   @include _Tablet {
      height: auto;
      margin: 0 40px;
   }

   &.modal-success {
      height: auto;
   }

   &__wrapper {
      height: 100%;
   }

   &__close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 16px;
      height: 16px;
      cursor: pointer;
      z-index: 10;

      @include _Tablet {
         top: 24px;
         right: 24px;
      }

      @include _XSDesktop {
         width: 20px;
         height: 20px;
      }
      @include _Desktop {
         width: 16px;
         height: 16px;
      }
      @include _HDesktop {
         width: 24px;
         height: 24px;
         top: 32px;
         right: 32px;
      }
   }
}
