WIP Создал форму Аллергий

src/components/base/BaseButton.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   button.base-button.text-base(
     :disabled="disabled",
-    :class="{'rounded': rounded, 'outlined': outlined, 'outlined-red': outlinedRed, 'secondary': secondary, 'confirm': confirm, 'added': added}"
+    :class="{'rounded': rounded, 'outlined': outlined, 'outlined-red': outlinedRed, 'secondary': secondary, 'confirm': confirm, 'added': added, 'added-border-none': addedBorderNone}"
     :style="{height: size + 'px', minWidth: size + 'px'}"
   )
     .button-container
@@ -27,6 +27,7 @@ export default {
     outlined: Boolean,
     outlinedRed: Boolean,
     added: Boolean,
+    addedBorderNone: Boolean,
     rounded: Boolean,
     disabled: Boolean,
     split: Boolean,
@@ -123,7 +124,17 @@ export default {
     border: none
     background-color: var(--btn-blue-color)
     color: var(--default-white)
-
+.added-border-none
+    border: none
+    width: fit-content
+    background-color: var(--default-white)
+    color: var(--btn-blue-color)
+    padding: 0
+    row-gap: 10px
+    &:hover
+      border: none
+      color: var(--btn-blue-color-hover)
+      background-color: var(--default-white)
 .secondary
   background-color: var(--btn-blue-sec-color)
   border: 1px solid var(--btn-blue-sec-color)