diff --git a/src/buttonNew.scss b/src/buttonNew.scss index d2e8831..5ed0a89 100644 --- a/src/buttonNew.scss +++ b/src/buttonNew.scss @@ -52,9 +52,9 @@ inset 0 2px 0 0 rgba(255, 255, 255, 0.4); border: 1px solid #003f72; + } - &:hover { - background: linear-gradient(-180deg, #004093 0%, #22a4f3 100%); - } + &:hover .button { + background: linear-gradient(-180deg, #004093 0%, #22a4f3 100%); } } diff --git a/src/buttonOld.scss b/src/buttonOld.scss index 9da4675..5a2b846 100644 --- a/src/buttonOld.scss +++ b/src/buttonOld.scss @@ -79,16 +79,16 @@ #003366 0px 2px 0px 4px, #00ccff 2.5px 6px 0px 4px, #00529b -1px -2.5px 0px 5.5px; + } - &:hover { - background: #0054b0; - background: linear-gradient( - 0deg, - rgb(0, 84, 176) 0%, - rgb(0, 82, 174) 53%, - rgb(0, 90, 180) 54%, - rgb(30, 125, 191) 100% - ); - } + &:hover .button { + background: #0054b0; + background: linear-gradient( + 0deg, + rgb(0, 84, 176) 0%, + rgb(0, 82, 174) 53%, + rgb(0, 90, 180) 54%, + rgb(30, 125, 191) 100% + ); } }