Issue #3373552: Fix style CSS button font in mobile size

css/components/button.css

@@ -44,22 +44,8 @@
  }  
    }
 
- .button:hover,
-   .button:focus {
-     text-decoration: none;
-     color: var(--color--white);
-     background: var(--color--blue-20);
-     font-weight: bold;
-   }
-
- .button:active {
-     color: var(--color--blue-20);
-   }
-
- .button:disabled,
-   .button.is-disabled {
-     cursor: default;
-     color: var(--color--gray-70);
+ .button:active{
+    background-color: var(--color--blue-20); 
    }
 
  .button {
@@ -105,26 +91,10 @@
    height: var(--button--hight-1);
    width: var(--button--width-1);
    text-align: center;
-   display: block
+   display: block;
+   
  }
 
- .button--primary:hover,
-   .button--primary:focus {
-     color: var(--color--white);
-     background-color: var(--color--blue-20);
-   }
-
- .button--primary:active {
-     color: var(--color--white);
-     background-color: var(--color--blue-20);
-   }
-
- .button--primary:disabled,
-   .button--primary.is-disabled {
-     color: var(--color--white);
-     background-color: var(--color--gray-70);
-   }
-
  .button--icon-back {
    display: inline-flex;   align-items: center
  }
@@ -153,26 +123,10 @@
    height: var(--button--hight-1);
    width: var(--button--width-2);
    text-align: center;
-   display: block
+   display: block;
+   
  }
 
- .button--button--primary2:hover,
-   .button--button--primary2:focus {
-     color: var(--color--white);
-     background-color: var(--color--blue-20);
-   }
-
- .button--button--primary2:active {
-     color: var(--color--white);
-     background-color: var(--color--blue-20);
-   }
-
- .button--button--primary2:disabled,
-   .button--button--primary2.is-disabled {
-     color: var(--color--white);
-     background-color: var(--color--gray-70);
-   }
-
  .shepherd-cancel-icon {
    font-size: 1.5em;
  }