diff --git a/src/style/atoms/_button-control.scss b/src/style/atoms/_button-control.scss
index f7a9df8..3d4e7c4 100644
--- a/src/style/atoms/_button-control.scss
+++ b/src/style/atoms/_button-control.scss
@@ -48,21 +48,21 @@
     &--white {
         background-color: #fff;
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             background-color: $color-secondary;
         }
     }
     &--pink {
         background-color: rgba($color-secondary, 0.4);
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             background-color: rgba($color-secondary, 0.75);
         }
     }
     &--gray {
         background-color: $color-gray;
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             background-color: $color-text;
         }
     }
@@ -77,7 +77,7 @@
             transform: translate(100%, -50%);
         }
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             .icon:not([aria-hidden]) {
                 opacity: 0;
                 transform: translate(-100%, 0);
@@ -94,7 +94,7 @@
             transform: translate(-150%, -50%);
         }
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             .icon:not([aria-hidden]) {
                 opacity: 0;
                 transform: translate(100%, 0);
@@ -112,7 +112,7 @@
             transform: translate(0, -150%);
         }
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             .icon:not([aria-hidden]) {
                 opacity: 0;
                 transform: translate(0, 100%);
@@ -130,7 +130,7 @@
             transform: translate(0, 150%);
         }
 
-        &:hover, &:focus {
+        &:hover, &.hover {
             .icon:not([aria-hidden]) {
                 opacity: 0;
                 transform: translate(0, -100%);