1 files changed, 12 insertions, 3 deletions
diff --git a/src/components/atoms/buttons/buttons.module.scss b/src/components/atoms/buttons/buttons.module.scss
index 9dddf48..6784de9 100644
--- a/src/components/atoms/buttons/buttons.module.scss
+++ b/src/components/atoms/buttons/buttons.module.scss
@@ -1,15 +1,24 @@
 @use "@styles/abstracts/functions" as fun;
 
 .btn {
-  display: block;
-  max-width: max-content;
-  padding: var(--spacing-2xs) var(--spacing-md);
+  display: inline-flex;
+  place-content: center;
+  align-items: center;
   border: none;
   border-radius: fun.convert-px(5);
   font-size: var(--font-size-md);
   font-weight: 600;
   transition: all 0.3s ease-in-out 0s;
 
+  &--rectangle {
+    padding: var(--spacing-2xs) var(--spacing-md);
+  }
+
+  &--square {
+    padding: var(--spacing-xs);
+    aspect-ratio: 1 / 1;
+  }
+
   &:disabled {
     cursor: wait;
   }