fix: rounded on focus-visible

Author: jellydeck

app/components/Button/Base.vue

@@ -32,7 +32,7 @@ defineExpose({
 <template>
   <button
     ref="el"
-    class="rounded-md outline-transparent focus-visible:(outline-2 outline-accent outline-offset-2)"
+    class="rounded-md outline-none group"
     :class="$attrs.class"
     :type="props.type"
     :disabled="
@@ -47,7 +47,7 @@ defineExpose({
     :aria-keyshortcuts="keyshortcut"
   >
     <span
-      class="group cursor-pointer inline-flex gap-x-1.5 relative items-center justify-center rounded-md active:rounded-4xl font-mono border border-solid transition-[background-color,color,border,outline] duration-200 transition-[border-radius_100ms] after:(content-[''] absolute inset--0.5 rounded-md [transition:border-radius_100ms]) active:after:rounded-4xl"
+      class="group cursor-pointer inline-flex gap-x-1.5 relative items-center justify-center rounded-md active:rounded-4xl font-mono border border-solid transition-[background-color,color,border,outline] duration-200 transition-[border-radius_100ms] after:(content-[''] absolute inset--0.5 rounded-md) outline-transparent group-focus-visible:(outline-2 outline-accent outline-offset-2)"
       :class="{
         'text-sm px-4 py-2': size === 'medium',
         'text-xs px-2 py-0.5': size === 'small',