Restore button styling

hlxsites · Feb 2, 2024 · 9366569 · 9366569
1 parent c0a366a
commit 9366569
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -287,25 +287,30 @@ button:not([class^='elsie-']) {
   box-sizing: border-box;
   text-decoration: none;
   border: var(--shape-border-width-3) solid transparent;
+  padding: 5px 3.0rem;
   text-align: center;
   cursor: pointer;
   color: var(--color-neutral-50);
   background-color: var(--color-brand-500);
+  margin: 16px 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  border-radius: 30px;
 }
 
 a.button:hover,
 a.button:focus,
 button:not([class^='elsie-']):hover,
 button:not([class^='elsie-']):focus {
+  background-color: var(--color-brand-600);
   cursor: pointer;
 }
 
 a.button.disabled,
 button:not([class^='elsie-']):disabled,
 button:not([class^='elsie-']):disabled:hover {
+  background-color: var(--color-neutral-300);
   cursor: unset;
 }