refactor: Rename round-icon-button class to circle-button for consistency and clarity

Author: medyo

src/components/Elements/Button/Button.css

@@ -34,7 +34,7 @@
   }
 }
 
-.round-icon-button {
+.circle-button {
   border-radius: 50px;
   cursor: pointer;
   display: inline-flex;
@@ -44,7 +44,7 @@
   border: none;
   padding: 0;
   padding: 0;
-
+  font-size: 1.1em;
   &.small {
     min-width: 30px;
     height: 30px;

src/components/Elements/Button/CircleButton.tsx

@@ -28,7 +28,7 @@ export const CircleButton = ({
 }: CircleButtonProps) => {
   return (
     <button
-      className={clsx('round-icon-button', sizes[size], variants[variant], className)}
+      className={clsx('circle-button', sizes[size], variants[variant], className)}
       onClick={onClick}>
       {children}
     </button>