diff --git a/src/styles/blocks/button.scss b/src/styles/blocks/button.scss
index 1275d8466..bf5e0616f 100644
--- a/src/styles/blocks/button.scss
+++ b/src/styles/blocks/button.scss
@@ -81,6 +81,7 @@
     width: 100%;
     border: 2px solid $c-orange-accent;
     border-radius: 32px;
+    transition: all $animation-speed;
 
     &:hover {
       background-color: $c-orange-accent;