open/clonse transition no clip

index.html

@@ -379,20 +379,32 @@ nav .button::before, nav .button::after
     text-align: center;
     text-transform:uppercase;
     font-weight:900;
+    transition:left 0.4s;
 }
 nav .button::before
 {
+    box-sizing: border-box;
     content:"Menu";
+    transition-delay:0.4s;
+    text-align:right;
+    padding-right:45px;
 }
 nav .button::after
 {
     content:"Close";
-    left:-100%;
+    left:100%;
+    transition-delay: 0.4s;
+    text-align:left;
+    padding-left:45px;
 }
-[nav-open] nav .button
+[nav-open] nav .button::before
 {
     left:100%;
 }
+[nav-open] nav .button::after
+{
+    left:0%;
+}
 nav > ul
 {
     position: absolute;