put meta-button attributes in one place

Author: mertkahyaoglu

src/styles/metafields.scss

@@ -136,21 +136,8 @@
       top: 4px;
       right: 0;
       z-index: 8;
-      .meta-button {
-        color: #9098A3;
-        font-size: 13px;
-        width: 23px;
-        height: 23px;
-        line-height: 1;
-        border-radius: 50%;
-        display: inline-block;
-        text-align: center;
-        outline: 0;
-        i {
-          margin: 0;
-        }
-      }
-      .meta-button.move {
+      span.move {
+        color: $inactive-gray;
         cursor: move;
         &:hover, &:focus {
           color: $dark-orange;
@@ -161,7 +148,14 @@
         position: relative;
         .meta-button {
           border: 2px solid #d4d7d9;
-          padding: 3px 0;
+          padding: 2px 0;
+          color: $inactive-gray;
+          font-size: 13px;
+          width: 23px;
+          height: 23px;
+          display: inline-block;
+          text-align: center;
+          outline: none;
           @include border-radius(50%);
           &:hover, &:focus {
             border-color: $dark-orange;
@@ -171,6 +165,9 @@
           &:focus + .dropdown-wrap {
             display: block;
           }
+          i {
+            margin: 0;
+          }
         }
         .dropdown-wrap {
           &:before {