diff --git a/bin/frontend/controls/SimpleCheckoutWindow.css b/bin/frontend/controls/SimpleCheckoutWindow.css
index 8e178c6f81fdd3dfa5eb54d379133f4e0f433ea2..a47eb3cecb945fbfdcbad688a25c18c12032e175 100644
--- a/bin/frontend/controls/SimpleCheckoutWindow.css
+++ b/bin/frontend/controls/SimpleCheckoutWindow.css
@@ -1,7 +1,16 @@
+@media screen and (min-width: 768px) {
+    .SimpleCheckoutWindow .qui-window-popup-content,
+    .SimpleCheckoutWindow .qui-window-popup-sheet-content {
+        padding: 2rem;
+    }
+}
+
 .SimpleCheckoutWindow .SimpleCheckoutWindow-btn-cancel {
-    color: grey;
     cursor: pointer;
-    font-size: 12px;
+    color: inherit;
+    background: none;
+    border: none;
+    outline: none;
 }
 
 .SimpleCheckoutWindow .SimpleCheckoutWindow-btn-close {
@@ -12,8 +21,30 @@
     display: flex;
     float: none !important;
     justify-content: space-between;
+    height: auto !important;
+    padding-inline: 1rem;
 }
 
 .SimpleCheckoutWindow .SimpleCheckoutWindow-btn-payToOrder {
     order: 1;
+}
+
+/* order process */
+.SimpleCheckoutWindow .quiqqer-simple-checkout-basket {
+    top: 0;
+}
+
+.SimpleCheckoutWindow .articles-sum-container {
+    --_bg: #fff;
+    font-size: .875rem;
+    text-align: right;
+}
+
+.SimpleCheckoutWindow .articles-sum tr,
+.SimpleCheckoutWindow .articles-sum td {
+    border-width: 0;
+}
+
+.SimpleCheckoutWindow .quiqqer-simple-checkout-data-pay {
+
 }
\ No newline at end of file
diff --git a/bin/frontend/controls/SimpleCheckoutWindow.js b/bin/frontend/controls/SimpleCheckoutWindow.js
index f85abb1f127246d4ab39ceae35d54512cf35a3c3..1c8266cd0a74be2a02ed51d7de6e9e4e4b5e99e9 100644
--- a/bin/frontend/controls/SimpleCheckoutWindow.js
+++ b/bin/frontend/controls/SimpleCheckoutWindow.js
@@ -68,7 +68,7 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
                 }
             });
 
-            const CancelBtn = new Element('span', {
+            const CancelBtn = new Element('button', {
                 'class': 'SimpleCheckoutWindow-btn-cancel',
                 html   : QUILocale.get('quiqqer/order-simple-checkout', 'SimpleCheckoutWindow.btn.cancel'),
                 events : {
@@ -83,7 +83,6 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
 
             this.Loader.show();
             this.getContent().set('html', '');
-            this.getContent().setStyle('padding', 0);
 
             this.$Checkout = new SimpleCheckout({
                 products         : this.getAttribute('products'),