diff --git a/src/style/molecules/_switcher.scss b/src/style/molecules/_switcher.scss index 6e02e5f..05ad23c 100644 --- a/src/style/molecules/_switcher.scss +++ b/src/style/molecules/_switcher.scss @@ -45,10 +45,14 @@ font-size: rem(16px); text-decoration: none; border-radius: 6px; - transition: background-color 0.25s ease-out; + transition: background-color 0.4s var(--ease-quart); &:hover { background: rgba($color-tertiary, 0.2); + + :global(.icon) { + color: $color-tertiary; + } } } :global(.icon) { @@ -58,6 +62,7 @@ object-fit: contain; margin-right: 16px; color: $color-secondary-light; + transition: color 0.4s var(--ease-quart); } // Active link