@layer bricks {.brxe-template{width:100%}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}#brxe-eb396d {z-index: 2; font-size: 18px; font-weight: 500; transform: translateX(-20%)} #brxe-eb396d .st-btn-1-text {transition: transform 500ms ease, color 500ms ease; } .st-btn-1:hover .st-btn-1-text { transform: translateX(-10%);animation-play-state: running; color:black; } .st-btn-1:active .st-btn-1-text { transform: translateX(-10%);animation-play-state: running; color:black; }#brxe-9fc503 {font-size: 20px}#brxe-520cb0 {display: flex; align-items: center; margin-left: 5px}.st-btn-1-icon { z-index: 2; } .st-btn-1-icon { position: absolute;width: var(--icon-size);height: var(--icon-size);left: 0;transform: translateX(calc((var(--w)) / 5 + 120px));transition: transform 500ms ease, color 500ms ease; } .st-btn-1:hover .st-btn-1-icon { transform: translateX(calc(var(--w) - var(--icon-size) - 19px));color: var(--color); } .st-btn-1:active .st-btn-1-icon { transform: translateX(calc(var(--w) - var(--icon-size) - 19px));color: var(--color); }.st-btn-1 { --w: 230px;--h: 50px;--icon-size: 25px;--text-color: rgb(210 210 240);--box-glow-color: transparent;--box-glow-blur: 20px;position: relative;min-width: var(--w);min-height: var(--h);border-radius: 10px;display: flex;justify-content: center;align-items: center;border: none;color: var(--text-color);background: #F6D541;box-shadow: 0 0 0 1px rgb(200 200 220 / 0.22),0 0 var(--box-glow-blur) var(--box-glow-color),inset 0 0 26px -10px var(--box-glow-color);overflow: hidden;cursor: pointer;transition: box-shadow 500ms ease;z-index: 2; transition: 1s ease; } .st-btn-1::before { content: "";position: absolute;inset: 0; background: #091540;box-shadow: inset 0 0px 24px 0 rgb(170 230 250 / 0.12);border-radius: 10px;z-index: 1;transition: transform 700ms ease, box-shadow 700ms ease; } .st-btn-1:active { --box-glow-blur: 36px; } .st-btn-1:hover { --box-glow-color: blue; border-radius: var(--h); } .st-btn-1:active { --box-glow-color: blue; border-radius: var(--h); } .st-btn-1:hover::before { transform: translateX(75%);box-shadow: inset 0 0px 0px 0 transparent; } .st-btn-1:active::before { transform: translateX(75%);box-shadow: inset 0 0px 0px 0 transparent; } .st-btn-1:hover::before { border-radius: var(--h); } .st-btn-1:active::before { border-radius: var(--h); }#brxe-d7755f {align-items: center}