feat: add button styles

inclusive-design · Apr 25, 2024 · f31e0f2 · f31e0f2
1 parent 21bba76
commit f31e0f2
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/assets/styles/app.css b/src/assets/styles/app.css
@@ -141,6 +141,7 @@ input {
 :root {
     --base-font-family: "Montserrat Alternates", montserrat, sans-serif;
     --color-green-100: #eef4ef;
+    --color-green-400: #4d857c;
     --color-red-800: #b21a26;
     --color-yellow-50: #fbeb95;
 }
@@ -534,6 +535,23 @@ label[for="search"] {
     outline-offset: 0.1875rem;
 }
 
+button {
+    appearance: none;
+    background: var(--color-green-400);
+    border: 0;
+    border-radius: 0.75rem;
+    color: #fff;
+    font-size: inherit;
+    font-weight: 600;
+    height: 3.5rem;
+    width: 100%;
+}
+
+button:focus {
+    outline: 0.1875rem solid black;
+    outline-offset: 0.1875rem;
+}
+
 /* Submissions */
 
 .submissions article {