diff --git a/sass/button/_index.scss b/sass/button/_index.scss index c236939..2b673b4 100644 --- a/sass/button/_index.scss +++ b/sass/button/_index.scss @@ -72,21 +72,27 @@ } .button--link { + word-break: break-all; transition: color 0.2s; + color: $lbry-teal-5; - &:not(.button--disabled):not(:hover) { - color: $lbry-teal-5; + [data-mode='dark'] & { + color: $lbry-teal-3; + } - [data-mode="dark"] & { - color: $lbry-teal-3; + &:hover { + color: $lbry-teal-3; + + [data-mode='dark'] & { + color: $lbry-teal-4; } } - &:not(.button--disabled):hover { - color: $lbry-teal-3; + &.button--disabled:hover { + color: $lbry-teal-5; - [data-mode="dark"] & { - color: $lbry-teal-4; + [data-mode='dark'] & { + color: $lbry-teal-3; } } }