Fix Button styling

2021-10-02 13:21:40 +02:00
parent 77c19ff43f
commit 25ef6b37d1
2 changed files with 11 additions and 7 deletions
--- a/src/style/atoms/_button.scss
+++ b/src/style/atoms/_button.scss
@@ -1,13 +1,11 @@
 .button {
    display: inline-flex;
-    height: 48px;
    align-items: center;
-    background: #fff;
+    height: 48px;
    padding: 0 24px;
+    background: #fff;
+    font: 900 #{rem(18px)}/1 $font-sans;
    color: $color-text;
-    font-size: rem(18px);
-    line-height: 1;
-    font-weight: 700;
    border-radius: 100vh;
    border: none;
    text-decoration: none;
@@ -22,6 +20,7 @@
    // Small
    &--small {
        height: 40px;
+        padding: 0 16px;
    }

    // Color Variants