сделал модальные окна без форм

assets/css/gp-style-core.css

@@ -929,6 +929,8 @@ button{
   top: 0;
   left: 0;
 
+  padding: 20px;
+
   width: 100%;
   height: 100%;
 
@@ -939,6 +941,10 @@ button{
   opacity: 0;
   transition: opacity .2s ease-out;
   pointer-events: none;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .modal.active{
   opacity: 1;
@@ -1205,6 +1211,101 @@ button{
   background-color: var(--background-black);
   border-radius: 2px;
 }
+
+.notification{
+  padding: 24px;
+
+  border-radius: 20px;
+
+  position: relative;
+}
+.notification--white{
+  border: 1px solid var(--background-black);
+  background: var(--background-white);
+}
+.notification--green-gradient{
+  background: var(--gradient-blue);
+}
+.notification--width-584{
+  width: 584px;
+}
+.notification__close{
+  position: absolute;
+  top: 24px;
+  right: 24px;
+
+  width: 24px;
+  aspect-ratio: 1;
+
+  border: none;
+  background: none;
+  background-image: url(../img/svg/main/black-x.svg);
+  background-repeat: no-repeat;
+  background-size: 24px;
+  background-position: center;
+
+  transition: opacity .2s ease-out;
+}
+.notification__close--white{
+  background-image: url(../img/svg/main/white-x.svg);
+}
+.notification__close:hover{
+  opacity: .8;
+}
+.notification__title{
+  padding-right: 50px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 26px;
+  line-height: 123%;
+  text-transform: uppercase;
+  color: var(--text-dark);
+}
+.notification__text--center{
+  text-align: center;
+}
+.notification__text--center-pc{
+  text-align: center;
+}
+.notification__title--green-gradient{
+  background: var(--gradient-blue);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.notification__title--white{
+  color: var(--text-white);
+}
+.notification__element{
+  margin-top: 24px;
+}
+.notification__element--center{
+  display: flex;
+  justify-content: center;
+}
+.notification__element--top-40{
+  margin-top: 40px;
+}
+.notification__text{
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.notification__text--weight-500{
+  font-weight: 500;
+}
+.notification__text--white{
+  color: var(--text-white);
+}
+.notification__img{
+  width: 100%;
+  height: 360px;
+
+  object-fit: contain;
+}
 /* modal */
 
 /* toggle */

assets/css/gp-style-desktop.css

@@ -1691,7 +1691,10 @@ main{
 .cabinet-card-order-status__pointer--red{
   color: var(--text-red);
 }
-.cabinet-card-order__block-detail{}
+.cabinet-card-order__block-detail{
+  height: 0;
+  overflow: hidden;
+}
 .cabinet-card-order__detail{
   padding-top: 24px;
 }
@@ -1837,6 +1840,15 @@ main{
   width: 106px;
   height: 96px;
 }
+.cabinet-card__download{
+  margin-top: 32px;
+}
+.cabinet-card__order.active .cabinet-card-order__detail-short{
+  opacity: 0;
+}
+.cabinet-card__order.active .cabinet-card-order__open-detail::after{
+  transform: rotate(180deg);
+}
 /* .cabinet-card-no-orders__ */
 /* cabinet */
 

assets/css/gp-style-mobile.css

@@ -53,6 +53,21 @@
 .modal-basket__item--return .modal-basket-item__title{
     margin-right: auto;
 }
+.notification--width-584{
+    width: 100%;
+}
+.notification__title{
+    font-size: 20px;
+}
+.notification__text--center-pc{
+    text-align: start;
+}
+.notification__img{
+    height: 360px;
+}
+.notification__title{
+    padding-right: 96px;
+}
 /* modal */
 
 /* footer */