css refact

resources/sass/components/_elements.scss

@@ -32,8 +32,6 @@ a {
     }
 }
 
-$modal-duration: 1s;
-
 .modal-container {
     @apply top-0 bottom-0 left-0 right-0 fixed bg-black opacity-50 z-10;
 }
@@ -45,7 +43,7 @@ $modal-duration: 1s;
     transform: translate(-50%, -50%);
     width: 400px;
     animation-name: modalopen;
-    animation-duration: $modal-duration;
+    animation-duration: 0.5s;
 }
 
 .box-toggle {
@@ -64,12 +62,13 @@ $modal-duration: 1s;
         transition: transform 0.3s;
 
         &.open {
+            //@apply rotate-90;
             transform: rotate(90deg);
         }
     }
 
     &-content {
-        padding: 0.5rem 1rem;
+        @apply px-4 py-2;
     }
 }