Prepare .Button

Author: smnandre

ux.symfony.com/assets/styles/app.scss

@@ -125,6 +125,7 @@ $utilities: map-remove(
 // Components
 @import "components/Badge";
 @import "components/Banner";
+@import "components/Button";
 @import "components/Browser";
 @import "components/Changelog";
 @import "components/DataList";

ux.symfony.com/assets/styles/components/_Button.scss

@@ -0,0 +1,19 @@
+.Button {
+  display: inline-flex;
+  align-items: center;
+  justify-items: flex-end;
+
+  border-radius: 1.5rem;
+  padding: 0.75rem 1.5rem;
+  gap: .75rem;
+
+  background: var(--bs-body-bg);
+  color: var(--bs-body-color);
+}
+
+.Button--dark {
+  background: var(--bs-body-color);
+  color: var(--bs-body-bg);
+  color: #dee2e6;
+  border: 1px solid #a6a0a0;
+}

ux.symfony.com/assets/styles/sections/_hero.scss

@@ -2,15 +2,6 @@
   padding-top: 5rem;
 }
 
-.rainbow-emphasis {
-  background: linear-gradient(113.84deg, #D65831 0%, #D2D631 36.52%, #31D673 71.83%, #315FD6 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font-style: normal;
-  filter: brightness(102%) contrast(200%) drop-shadow(1px 1px 1px #0004);
-  letter-spacing: 0;
-}
-
 .hero-background {
   padding-block-start: 4rem;
 }