diff --git a/resources/css/blocks/shortcuts.css b/resources/css/blocks/shortcuts.css index a9772f6..73f6788 100644 --- a/resources/css/blocks/shortcuts.css +++ b/resources/css/blocks/shortcuts.css @@ -9,26 +9,32 @@ mb-2; } .wp-block-button { - @apply inline-block; + @apply inline-flex items-center w-fit rounded-full px-6 !py-3 mb-3; + + &:before { + @apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center; + content: ''; + heigth: 1.25rem; + width: 1.25rem; + display: inline-block; + background-image: url('../resources/img/graphic-assets/anchor.svg'); + } + @apply !bg-secondary-light; + .wp-block-button__link { - @apply flex items-center; - @apply !bg-secondary-light !text-secondary; + @apply text-left !bg-transparent inline-block !w-fit !text-secondary py-0 px-0 my-0; transition: scale 0.2s ease-out; + } + &:hover, + &:focus-visible { + @apply !bg-secondary; + scale: 1.02; &:before { - @apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center; - content: ''; - heigth: 1.25rem; - width: 1.25rem; - display: inline-block; - background-image: url('../resources/img/graphic-assets/anchor.svg'); + filter: brightness(0) invert(1); } - &:hover, - &:focus-visible { - @apply !bg-secondary !text-white; - scale: 1.02; - &:before { - filter: brightness(0) invert(1); - } + .wp-block-button__link { + @apply !text-white; + max-width: max-content; } } }