.lyg-button {
    --lyg-button-bg: #2b12d6;
    --lyg-button-hover-bg: #7047eb;
    --lyg-button-icon-color: currentColor;
    --lyg-button-icon-hover-color: var(--lyg-button-icon-color);
    --lyg-button-hover-move: 3px;
    position: relative;
    display: inline-block;
    min-width: 0;
    transition: transform .24s cubic-bezier(.22,.61,.36,1);
}
.lyg-button:hover, .lyg-button:focus-within { transform: translateY(calc(var(--lyg-button-hover-move) * -1)); }
.lyg-button__shape { position:absolute; inset:0; width:100%; height:100%; z-index:0; overflow:visible; color:var(--lyg-button-bg); pointer-events:none; transition:color .22s ease, transform .28s cubic-bezier(.22,.61,.36,1); }
.lyg-button__shape path { fill:currentColor; }
.lyg-button:hover .lyg-button__shape, .lyg-button:focus-within .lyg-button__shape { color:var(--lyg-button-hover-bg); transform:scale(1.012) rotate(.2deg); }
.lyg-button__link { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:100%; min-width:0; padding:18px 24px; gap:10px; background:var(--lyg-button-bg); color:inherit; text-decoration:none; transition:background-color .22s ease; }
.lyg-button:not(.has-shape):hover .lyg-button__link, .lyg-button:not(.has-shape):focus-within .lyg-button__link { background:var(--lyg-button-hover-bg); }
.lyg-button.has-shape .lyg-button__link { background:transparent; }
.lyg-button--below .lyg-button__link { flex-direction:column; }
.lyg-button--side.lyg-button--icon-right .lyg-button__link { flex-direction:row-reverse; }
.lyg-button__media { flex:0 0 auto; display:grid; place-items:center; }
.lyg-button__image, .lyg-button__mask { display:block; width:28px; height:28px; }
.lyg-button__image { object-fit:contain; }
.lyg-button__mask { background:var(--lyg-button-icon-color); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; transition:background-color .22s ease, transform .22s ease; }
.lyg-button:hover .lyg-button__mask, .lyg-button:focus-within .lyg-button__mask { background:var(--lyg-button-icon-hover-color); transform:scale(1.04); }
.lyg-button__image { transition:transform .22s ease; }
.lyg-button:hover .lyg-button__image, .lyg-button:focus-within .lyg-button__image { transform:scale(1.04); }
.lyg-button__text { display:block; min-width:0; transition:color .22s ease; }
.lyg-button__link:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
@media (prefers-reduced-motion: reduce) { .lyg-button, .lyg-button__shape, .lyg-button__link, .lyg-button__mask, .lyg-button__image, .lyg-button__text { transition:none!important; } .lyg-button:hover, .lyg-button:focus-within, .lyg-button:hover .lyg-button__shape, .lyg-button:focus-within .lyg-button__shape, .lyg-button:hover .lyg-button__mask, .lyg-button:focus-within .lyg-button__mask, .lyg-button:hover .lyg-button__image, .lyg-button:focus-within .lyg-button__image { transform:none!important; } }

/* v1.6.2: reliable recoloring for Media Library SVG files */
.lyg-button__svg {
    display:block;
    width:28px;
    height:28px;
    overflow:visible;
    color:var(--lyg-button-icon-color);
    fill:currentColor;
    transition:color .22s ease, transform .22s ease;
}
.lyg-button__svg [fill]:not([fill="none"]):not([fill="transparent"]) { fill:currentColor !important; }
.lyg-button__svg [stroke]:not([stroke="none"]):not([stroke="transparent"]) { stroke:currentColor !important; }
.lyg-button:hover .lyg-button__svg,
.lyg-button:focus-within .lyg-button__svg { color:var(--lyg-button-icon-hover-color); transform:scale(1.04); }
.lyg-button__mask {
    -webkit-mask-image:var(--lyg-button-mask);
    mask-image:var(--lyg-button-mask);
}
@media (prefers-reduced-motion: reduce) {
    .lyg-button__svg { transition:none!important; }
    .lyg-button:hover .lyg-button__svg,
    .lyg-button:focus-within .lyg-button__svg { transform:none!important; }
}