css butons

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -1,12 +1,18 @@
 
 // home 
-.field--type-link{
+
+%buttonwithborder {
     text-transform: uppercase;
     padding: 1rem;
     border: solid black 1px;
     margin-bottom: 1rem;
     background-color: $white-button;
+}
+
+.field--type-link {
+    @extend %buttonwithborder;
     width: fit-content;
+
 }
 .bouton{
     background-color: $white-button !important;
@@ -17,18 +23,17 @@
 
 
 .field--type-file{
-    text-transform: uppercase;
-    padding: 1rem;
-    border: solid black 1px;
-    margin-bottom: 1rem;
-    background-color: $white-button;
+    @extend %buttonwithborder;
 }
 
-.links{
-    text-transform: uppercase;
-    padding: 1rem;
-    border: solid black 1px;
-    margin-bottom: 1rem;
-    background-color: $white-button;
-    width: fit-content;
+.links{    
+    @extend %buttonwithborder;
+}
+
+.create-account-link{
+    @extend %buttonwithborder;
+    width: 80%
+}
+.request-password-link{
+    @extend %buttonwithborder;
 }