primary button states

Author: nirmalkc

styles/global.css

@@ -10,6 +10,8 @@
 
   /* Primary Colors */
   --color-primary-accent: #18ffff;
+  --color-primary-accent-light: #52ffff;
+  --color-primary-accent-dark: #00ebeb;
   --color-primary-pink: #f50057;
   --color-primary-pink-light: #ff5983;
   --color-primary-pink-dark: #c2185b;
@@ -134,6 +136,19 @@ code {
     color: var(--color-neutral-90);
 }
 
+.btn-primary:hover,
+.btn-primary:focus {
+  border: solid 1px var(--color-primary-accent-light);
+  background-color: var(--color-primary-accent-light);
+  color: var(--color-neutral-100);
+}
+
+.btn-primary:active {
+  border-color: var(--color-primary-accent-dark) !important;
+  background-color: var(--color-primary-accent-dark) !important;
+  color: var(--color-neutral-100) !important;
+}
+
 .btn-secondary {
   padding: 0.8rem 1.4rem;
   border: solid 1px var(--color-brand);