diff --git a/styles/utils.module.scss b/styles/utils.module.scss
index c5d6db3..3ca23c6 100644
--- a/styles/utils.module.scss
+++ b/styles/utils.module.scss
@@ -1,10 +1,14 @@
 .button {
-    @apply rounded px-5 py-2.5 text-sm font-medium text-center focus:outline-none focus:ring-4 transition-colors hover:duration-75 underline decoration-transparent duration-300 ease-in-out;
+    @apply rounded px-5 py-2.5 text-sm font-medium text-center transition-colors underline decoration-transparent duration-300 ease-in-out;
 
     &:hover {
         @apply duration-100 decoration-inherit;
     }
 
+    &:focus {
+        @apply ring-4 z-10 outline-none;
+    }
+
     &.green {
         @apply text-neutral-100 bg-green-600 hover:bg-green-700 focus:ring-green-600/50;
     }