body.bricks-is-frontend :focus-visible{ outline-color: var(--primary); } :root .bricks-button[class*="primary"]:not(.outline){ background-image: linear-gradient(var(--primary) 0%, var(--secondary) 100%); } :root .bricks-button[class*="primary"]:not(.outline) { position: relative; overflow: hidden; } :root .bricks-button[class*="primary"]:not(.outline)::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.4), transparent ); transition: left 0.6s ease; } :root .bricks-button[class*="primary"]:not(.outline):hover::before { left: 100%; }