:root .bricks-button[class*="primary"] { position: relative; z-index: 0; display: inline-flex; justify-content: center; align-items: center; padding: 15px 50px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: var(--font-hand); font-size: var(--text-l); line-height: 1.4rem; color: var(--neutral) !important; text-decoration: none; transition: transform var(--sl-transition), filter var(--sl-transition), color var(--sl-transition); } :root .bricks-button[class*="primary"]::before { content: ''; position: absolute; inset: 0; background-image: url("/wp-content/uploads/soundlight-assets/brush/brush-button.webp"); background-size: 100% 100%; background-repeat: no-repeat; z-index: -1; } :root .bricks-button[class*="primary"]:hover { color: var(--body-text-white) !important; background: transparent !important; transform: translateY(-0.4rem) rotate(-.5deg) scale(1.02); filter: drop-shadow(0 1.2rem 1.8rem rgba(0, 0, 0, .14)); } :root .bricks-button[class*="primary"]:hover::before { background-image: url("/wp-content/uploads/soundlight-assets/brush/brush-button-dark.webp"); } ul { margin-block-start: 1rem; }