diff --git a/resources/css/base/links.css b/resources/css/base/links.css index 123b394..376dd66 100644 --- a/resources/css/base/links.css +++ b/resources/css/base/links.css @@ -56,6 +56,19 @@ a[target='_blank'] { } } } + +.internal-link-self-page-anchor { + &:hover { + transform: translateX(0); + } + &:after { + transform: rotate(135deg) translateX(0px); + } + &:hover:after { + transform: translateX(0px) translateY(6px) rotate(135deg); + } +} + .no-external-icon { &:after { @apply !hidden; diff --git a/resources/css/blocks/cta.css b/resources/css/blocks/cta.css index 60b952e..2b557c0 100644 --- a/resources/css/blocks/cta.css +++ b/resources/css/blocks/cta.css @@ -1,3 +1,7 @@ .wp-block-carhop-blocks-cta { @apply internal-link-with-icon; + + &[href^='#'] { + @apply internal-link-self-page-anchor; + } }