.button.button-soft{background-color:rgba(var(--cnvs-themecolor-rgb),.12);color:var(--cnvs-themecolor);border-color:transparent}.button.button-soft:hover{background-color:var(--cnvs-themecolor);color:#fff}.button.button-soft-theme{background-color:rgba(var(--cnvs-themecolor-rgb),.12);color:var(--cnvs-themecolor);border-color:transparent}.button.button-soft-theme:hover{background-color:var(--cnvs-themecolor);color:#fff}.button.button-soft-dark{background-color:rgba(33,37,41,.1);color:#212529;border-color:transparent}.button.button-soft-dark:hover{background-color:#212529;color:#fff}.button.button-soft-danger{background-color:rgba(220,53,69,.12);color:#dc3545;border-color:transparent}.button.button-soft-danger:hover{background-color:#dc3545;color:#fff}.button.button-soft-success{background-color:rgba(25,135,84,.12);color:#198754;border-color:transparent}.button.button-soft-success:hover{background-color:#198754;color:#fff}.button.button-soft-warning{background-color:rgba(255,193,7,.15);color:#a07800;border-color:transparent}.button.button-soft-warning:hover{background-color:#ffc107;color:#212529}.button.button-pill{border-radius:100px}.button.button-ghost{background-color:transparent;color:#fff;border:var(--cnvs-btn-border-width) solid rgba(255,255,255,.8)}.button.button-ghost:hover{background-color:#fff;color:var(--cnvs-btn-color-dark);border-color:#fff}.button.button-elevated{--cnvs-btn-shadow-color:rgba(var(--cnvs-themecolor-rgb), 0.40);box-shadow:0 4px 14px 0 var(--cnvs-btn-shadow-color),0 2px 4px rgba(0,0,0,.1);border-radius:.25rem}.button.button-elevated:hover{box-shadow:0 8px 28px 0 var(--cnvs-btn-shadow-color),0 4px 10px rgba(0,0,0,.12);transform:translateY(-3px);background-color:var(--cnvs-btn-color-dark)}.button.button-elevated:active{transform:translateY(-1px);box-shadow:0 3px 10px 0 var(--cnvs-btn-shadow-color),0 2px 4px rgba(0,0,0,.1)}.button.button-icon-left,.button.button-icon-right{display:inline-flex;align-items:center;gap:var(--cnvs-btn-icon-margin)}.button.button-icon-left i,.button.button-icon-right i{margin:0;width:auto;flex-shrink:0}.button.button-icon-right{flex-direction:row-reverse}.button.button-loading{pointer-events:none;opacity:.82;color:transparent}.button.button-loading::after{content:"";position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cnvs-btn-spin .65s linear infinite}@keyframes cnvs-btn-spin{to{transform:rotate(360deg)}}.button.button-split{display:inline-flex;align-items:stretch;padding:0;overflow:hidden;border-radius:.25rem}.button.button-split .button-split-label{padding:var(--cnvs-btn-padding-y) var(--cnvs-btn-padding-x);display:flex;align-items:center}.button.button-split .button-split-icon{padding:var(--cnvs-btn-padding-y) calc(var(--cnvs-btn-padding-x) * .6);border-left:1px solid rgba(255,255,255,.22);display:flex;align-items:center;transition:background-color .2s ease}.button.button-split:hover .button-split-icon{background-color:rgba(0,0,0,.14)}.button.button-split:hover{background-color:var(--cnvs-btn-color-dark)}.button.button-split i{margin:0;width:auto}.button.button-outline-gradient{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--cnvs-themecolor) 0,#6f42c1 100%);background-origin:border-box;background-clip:padding-box,border-box;color:var(--cnvs-themecolor);background-color:transparent}.button.button-outline-gradient:hover{background-image:linear-gradient(135deg,var(--cnvs-themecolor) 0,#6f42c1 100%),linear-gradient(135deg,var(--cnvs-themecolor) 0,#6f42c1 100%);color:#fff}.button.button-outline-gradient-warm{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fd7e14 0,#e83e8c 100%);background-origin:border-box;background-clip:padding-box,border-box;color:#e83e8c;background-color:transparent}.button.button-outline-gradient-warm:hover{background-image:linear-gradient(135deg,#fd7e14 0,#e83e8c 100%),linear-gradient(135deg,#fd7e14 0,#e83e8c 100%);color:#fff}.button.button-outline-gradient-cool{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0d6efd 0,#0dcaf0 100%);background-origin:border-box;background-clip:padding-box,border-box;color:#0d6efd;background-color:transparent}.button.button-outline-gradient-cool:hover{background-image:linear-gradient(135deg,#0d6efd 0,#0dcaf0 100%),linear-gradient(135deg,#0d6efd 0,#0dcaf0 100%);color:#fff}.button.button-square{border-radius:0}.button.button-leaf{border-radius:0 16px 0 16px}.button.button-cut-corner{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);border-radius:0}.button.button-stadium{border-radius:100px;--cnvs-btn-padding-x:2.5rem;--cnvs-btn-padding-y:0.28rem;letter-spacing:.04em;font-size:calc(var(--cnvs-btn-fontsize) * .875)}.button.button-hexagon{clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);border-radius:0;--cnvs-btn-padding-x:2.75rem}.button.button-micro{--cnvs-btn-fontsize:0.625rem;--cnvs-btn-padding-x:0.625rem;--cnvs-btn-padding-y:0.25rem}.button.button-xs{--cnvs-btn-fontsize:0.6875rem;--cnvs-btn-padding-x:0.75rem;--cnvs-btn-padding-y:0.28rem}.button.button-sm{--cnvs-btn-fontsize:0.875rem;--cnvs-btn-padding-x:1.125rem;--cnvs-btn-padding-y:0.4375rem}.button.button-md{--cnvs-btn-fontsize:1rem;--cnvs-btn-padding-x:1.375rem;--cnvs-btn-padding-y:0.5rem}.button.button-lg{--cnvs-btn-fontsize:1.125rem;--cnvs-btn-padding-x:1.625rem;--cnvs-btn-padding-y:0.5625rem}.button.button-xl{--cnvs-btn-fontsize:1.25rem;--cnvs-btn-padding-x:2.25rem;--cnvs-btn-padding-y:0.625rem}.button.button-xxl{--cnvs-btn-fontsize:1.5rem;--cnvs-btn-padding-x:2.75rem;--cnvs-btn-padding-y:0.8125rem}.button.button-jumbo{--cnvs-btn-fontsize:1.25rem;--cnvs-btn-padding-x:3.5rem;--cnvs-btn-padding-y:1.25rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;border-radius:.375rem}@keyframes cnvs-btn-pulse-ring{0%{box-shadow:0 0 0 0 rgba(var(--cnvs-themecolor-rgb),.55)}70%{box-shadow:0 0 0 12px rgba(var(--cnvs-themecolor-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--cnvs-themecolor-rgb),0)}}.button.button-bounce,.button.button-glow,.button.button-magnetic,.button.button-neon,.button.button-pulse,.button.button-ripple,.button.button-shake,.button.button-shimmer{display:inline-flex;align-items:center;gap:8px}.button.button-pulse{animation:cnvs-btn-pulse-ring 1.8s ease-out infinite}.button.button-pulse:hover{animation-play-state:paused;background-color:var(--cnvs-btn-color-dark)}.button.button-shimmer{overflow:hidden}.button.button-shimmer::after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);pointer-events:none}.button.button-shimmer:hover::after{left:160%;transition:left .55s ease}@keyframes cnvs-btn-shake{0%,100%{transform:translateX(0)}15%{transform:translateX(-4px)}30%{transform:translateX(4px)}45%{transform:translateX(-3px)}60%{transform:translateX(3px)}75%{transform:translateX(-1.5px)}90%{transform:translateX(1.5px)}}.button.button-shake:hover{animation:cnvs-btn-shake .45s ease;background-color:var(--cnvs-btn-color-dark)}.button.button-bounce{transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),background-color .2s ease}.button.button-bounce:hover{transform:translateY(-5px);background-color:var(--cnvs-btn-color-dark)}.button.button-bounce:active{transform:translateY(-1px)}.button.button-ripple{overflow:hidden;position:relative}.button.button-ripple::after{content:"";position:absolute;top:50%;left:50%;width:300%;padding-top:300%;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:1;transition:transform .5s ease,opacity .5s ease;pointer-events:none}.button.button-ripple:active::after{transform:translate(-50%,-50%) scale(1);opacity:0;transition:transform .5s ease,opacity .5s ease .1s}.button.button-slide-label{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;position:relative}.button.button-slide-label .btn-label{display:inline-block;transition:transform .3s ease,opacity .28s ease}.button.button-slide-label .btn-arrow{position:absolute;top:50%;left:50%;transform:translate(-180%,-50%);opacity:0;transition:transform .3s ease,opacity .28s ease;width:auto;margin:0}.button.button-slide-label:hover .btn-label{transform:translateX(180%);opacity:0}.button.button-slide-label:hover .btn-arrow{transform:translate(-50%,-50%);opacity:1}.button.button-magnetic{transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),box-shadow .25s ease,background-color .2s ease}.button.button-magnetic:hover{transform:scale(1.06);box-shadow:0 14px 36px rgba(var(--cnvs-themecolor-rgb),.45),0 4px 14px rgba(0,0,0,.15);background-color:var(--cnvs-btn-color-dark)}.button.button-magnetic:active{transform:scale(.97)}.button.button-neon{background-color:transparent;color:var(--cnvs-themecolor);border:1px solid var(--cnvs-themecolor);box-shadow:0 0 6px rgba(var(--cnvs-themecolor-rgb),.5),inset 0 0 6px rgba(var(--cnvs-themecolor-rgb),.08);transition:box-shadow .3s ease,background-color .3s ease,color .3s ease}.button.button-neon:hover{background-color:rgba(var(--cnvs-themecolor-rgb),.08);color:var(--cnvs-themecolor);box-shadow:0 0 14px rgba(var(--cnvs-themecolor-rgb),.85),0 0 32px rgba(var(--cnvs-themecolor-rgb),.5),inset 0 0 12px rgba(var(--cnvs-themecolor-rgb),.15)}.button.button-glow{box-shadow:0 0 0 rgba(var(--cnvs-themecolor-rgb),0);transition:box-shadow .35s ease,background-color .2s ease,transform .2s ease}.button.button-glow:hover{box-shadow:0 0 22px 5px rgba(var(--cnvs-themecolor-rgb),.42),0 4px 14px rgba(var(--cnvs-themecolor-rgb),.28);transform:translateY(-2px);background-color:var(--cnvs-btn-color-dark)}