@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-dikqji {text-align: center}.brxe-csvdfh svg {fill: var(--primary); width: 24px; height: 1rem}.brxe-csvdfh {gap: 2em}.brxe-csvdfh { color: var(--white); line-height: 1; font-weight: 600; text-transform: uppercase; background: var(--primary); border: 2px solid var(--primary); border-radius: 50px; padding: 1rem calc(1rem - 4px) 1rem 2rem; position: relative; overflow: hidden; z-index: 2; transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .brxe-csvdfh::after { content: ""; position: absolute; right: 0; top: 0; background-color: var(--secondary); width: 3rem; height: 100%; border-radius: 50px; z-index: -1; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);}@media (hover: hover) and (pointer: fine) { .brxe-csvdfh:hover { color: var(--primary); transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;} .brxe-csvdfh:hover::after { width: 100%;}}@media (hover: none) or (pointer: coarse) { .brxe-csvdfh:hover, .brxe-csvdfh:active{ color: var(--primary) !important; background-color: var(--secondary); border-color: var(--secondary); transition: none; } .brxe-csvdfh:active::after { width: 100%; transition: none; }}#brxe-jwlmox {align-items: center}