diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 638ca4a..12f2c7d 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -46,3 +46,44 @@ } } +.btn-link { + padding: .4em .8em; + color: $color__neutral-900; + border: 2px solid $color__neutral-900; + @include font-title(); + + &::before { + content: ''; + z-index: -1; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: $color__neutral-200; + background: linear-gradient( + to bottom left, + $color__neutral-400, + $color__neutral-200 + ); + + transition: opacity .3s; + opacity: .4; + } + + &:link, &:visited { + color: $color__neutral-900; + } + + &:hover, &:active { + + &::before { + opacity: .8; + } + } + + &:focus { + + } +} +