span[class*=text-]{display:inline-block;transition:transform .3s ease}.btn-about{background-image:url(/buttons/about-button.webp)}.btn-about:hover{background-image:url(/buttons/about-button-hover.webp)}.btn-about:active{background-image:url(/buttons/about-button-click.webp)}.btn-about-dark{background-image:url(/buttons/about-button-dark.webp)}.btn-about-dark:hover{background-image:url(/buttons/about-button-dark-hover.webp)}.btn-about-dark:active{background-image:url(/buttons/about-button-dark-click.webp)}.btn-about:hover .text-about{transform:translateX(-12px)}.btn-projects{background-image:url(/buttons/projects-button.webp)}.btn-projects:hover{background-image:url(/buttons/projects-button-hover.webp)}.btn-projects:active{background-image:url(/buttons/projects-button-click.webp)}.btn-projects-dark{background-image:url(/buttons/projects-button-dark.webp)}.btn-projects-dark:hover{background-image:url(/buttons/projects-button-dark-hover.webp)}.btn-projects-dark:active{background-image:url(/buttons/projects-button-dark-click.webp)}.btn-projects:hover .text-projects{transform:translateX(-2px)}.btn-shop{background-image:url(/buttons/shop-button.webp)}.btn-shop:hover{background-image:url(/buttons/shop-button-hover.webp)}.btn-shop:active{background-image:url(/buttons/shop-button-click.webp)}.btn-shop-dark{background-image:url(/buttons/shop-button-dark.webp)}.btn-shop-dark:hover{background-image:url(/buttons/shop-button-dark-hover.webp)}.btn-shop-dark:active{background-image:url(/buttons/shop-button-dark-click.webp)}.btn-shop:hover .text-shop{transform:translateX(-8px) translateY(-10px)}.btn-contact{background-image:url(/buttons/contact-button.webp)}.btn-contact:hover{background-image:url(/buttons/contact-button-hover.webp)}.btn-contact:active{background-image:url(/buttons/contact-button-click.webp)}.btn-contact-dark{background-image:url(/buttons/contact-button-dark.webp)}.btn-contact-dark:hover{background-image:url(/buttons/contact-button-dark-hover.webp)}.btn-contact-dark:active{background-image:url(/buttons/contact-button-dark-click.webp)}.btn-contact:hover .text-contact{transform:translateX(-4px) translateY(-7px)}.pillar-image{background-image:url(/buttons/pillar.webp)}.pillar-dark-image{background-image:url(/buttons/pillar-dark.webp)}