@layer bricks {.brxe-button{width:auto}}#brxe-lmgfoe {transition: all .2s ease-in-out; padding-top: var(--space-3xs); padding-right: var(--space-m); padding-bottom: var(--space-3xs); padding-left: var(--space-m); position: relative; font-weight: 700; color: #ffffff; font-size: var(--text-m); flex-shrink: 0}#brxe-lmgfoe:hover {transition: all .2s ease-in-out}#brxe-lmgfoe::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; background: var(--primary); height: 100%; -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); transition: clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1); z-index: -1;}#brxe-lmgfoe:hover::before { -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);}