Replaced transition with mexin transition

Author: Satoshi-Sh

components/buttons/ButtonLink/ButtonLink.module.scss

@@ -1,3 +1,5 @@
+@use '@/styles/mixins' as *;
+
 .buttonLink {
   padding: 0.5rem 2rem;
   color: var(--color-white);
@@ -11,7 +13,7 @@
   display: inline-block;
   border: 1px solid var(--color-primary-content);
   text-decoration: none;
-  transition: all 0.3s ease;
+  @include transition(all 0.3s ease);
 
   &:hover {
     text-decoration: none;

components/buttons/SubmitButton/SubmitButton.module.scss

@@ -12,7 +12,7 @@
   text-align: center;
   display: block;
   border: 1px solid var(--color-primary-content);
-  transition: all 0.3s ease;
+  @include transition(all 0.3s ease);
 
   &:hover {
     color: var(--color-primary-content);