diff --git a/src/components/FooterBottom/FooterBottom.module.scss b/src/components/FooterBottom/FooterBottom.module.scss index b448d1b..adc8389 100644 --- a/src/components/FooterBottom/FooterBottom.module.scss +++ b/src/components/FooterBottom/FooterBottom.module.scss @@ -128,6 +128,10 @@ @media (min-width: 2500px) { width: 84px; } + + &:hover { + filter: brightness(80%); + } } &__logo-m3 { @@ -136,6 +140,10 @@ @media (min-width: 2500px) { width: 54px; } + + &:hover { + filter: brightness(80%); + } } } } diff --git a/src/components/RedesSociais/RedesSociais.module.scss b/src/components/RedesSociais/RedesSociais.module.scss index 6fbce6b..a4751f4 100644 --- a/src/components/RedesSociais/RedesSociais.module.scss +++ b/src/components/RedesSociais/RedesSociais.module.scss @@ -15,6 +15,10 @@ &__icon { width: 35px; + &:hover { + filter: contrast(40%); + } + @media (min-width: 2500px) { width: 70px; } @@ -26,6 +30,10 @@ line-height: 16px; color: variables.$black-300; + &:hover { + filter: contrast(60%); + } + @media (min-width: 2500px) { font-size: 28px; line-height: 33px;