diff --git a/css/components/button.css b/css/components/button.css
index 33477937956d14b1b421ca36273bafa02097a173..73d0749126e5a6fbb8cd502e0cc4bc382cfe004d 100755
--- a/css/components/button.css
+++ b/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;
  }