diff --git a/assets/css/components/button.css b/assets/css/components/button.css
index 4d8c39f..d88207f 100644
--- a/assets/css/components/button.css
+++ b/assets/css/components/button.css
@@ -1,5 +1,8 @@
 .tw-button {
-  @apply inline-block uppercase font-bold text-lg mx-2 py-3 px-5 text-white no-underline bg-black !important;
+  @apply block uppercase font-bold text-lg py-3 px-5 text-white no-underline bg-black !important;
+  @screen md {
+    @apply w-1/2 inline-flex items-center justify-center mx-2 !important
+  }
 
   &:hover,
   &:focus {