Add icon link style

public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_buttons.scss

@@ -63,4 +63,13 @@
     &--full {
         width: 100%;
     }
+
+    &--icon {
+        background-color: $color-brand-primary;
+        color: white;
+        @include size(16px);
+        border-radius: 8px;
+        line-height: 16px;
+        font-size: 14px;
+    }
 }

public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss

@@ -224,3 +224,70 @@ h3 {
   height: auto;
   padding-right: 16px;
 }
+
+.button {
+  display: inline-block;
+  font-weight: 700;
+  text-decoration: none;
+
+  &--default {
+    display: inline-block;
+    background-color: $color-brand-primary;
+    color: white;
+    padding: 4px 16px;
+  }
+
+  &--page-header {
+    display: block;
+    min-width: 186px;
+    background-color: $color-brand-primary;
+    color: white;
+    font-size: 18px;
+    padding: 0 32px 0 24px;
+    line-height: 80px;
+    box-shadow: 8px 8px 8px rgba(black, 0.2);
+  }
+
+  &--herounit,
+  &--configurator {
+    display: block;
+    min-width: 220px;
+    text-align: center;
+    background-color: $color-brand-primary;
+    @include sectionBackgroundsFromParent();
+    color: white;
+    line-height: 48px;
+    border: none;
+    outline: none;
+  }
+
+  &--configurator {
+    width: 100%;
+    display: inline-block;
+  }
+
+  &--transparent {
+    padding: 8px 16px;
+    text-align: center;
+    border: 1px solid white;
+    color: white;
+
+    &:hover {
+      background: white;
+      color: $color-font-main;
+    }
+  }
+
+  &--full {
+    width: 100%;
+  }
+
+  &--icon {
+    background-color: $color-brand-primary;
+    color: white;
+    @include size(16px);
+    border-radius: 8px;
+    line-height: 16px;
+    font-size: 14px;
+  }
+}