.btn-custom{color:#fff;cursor:pointer;transition:color .6s var(--ease-quantum), transform .6s var(--ease-quantum), border-color .6s var(--ease-quantum);text-transform:uppercase;font-family:var(--font-main);isolation:isolate;background-color:#0000;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex;position:relative!important;overflow:hidden!important}.btn-fill{pointer-events:none;z-index:1;will-change:transform, width, height, opacity;border-radius:50%;width:0;height:0;position:absolute;top:0;left:0;background-color:#fff!important}.btn-content{z-index:2;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:relative}.variant-solid{color:#000;background-color:#fff;border-radius:100px;padding:14px 32px}.variant-solid .btn-fill{background-color:#1a1c1e!important}.variant-solid:hover{color:#fff!important}.variant-pill{border:1px solid #fff;border-radius:100px;min-height:48px;padding:12px 28px}.variant-pill:hover,.variant-pill.active{color:#000;border-color:#fff}.variant-pill.active .btn-fill{width:300%;height:300%;top:50%;left:50%;transform:translate(-50%,-50%)}.variant-circle{border:1px solid #fff;border-radius:50%;width:48px;height:48px;padding:0}.variant-circle:hover,.variant-circle.active{color:#000;transform:scale(1.1)}.variant-circle.active .btn-fill{width:300%;height:300%;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-outline{border:1px solid #fff}.btn-outline:hover{color:#000}.variant-compound{align-items:center;background-color:#0000!important;border:none!important;gap:0!important;padding:0!important;display:flex!important;overflow:visible!important}.variant-compound .btn-fill{z-index:1;background-color:#1a1c1e!important}.variant-compound .btn-content{z-index:2;gap:0}.variant-compound .btn-label{color:#000;text-transform:uppercase;transition:all .6s var(--ease-quantum);background-color:#fff;border-radius:100px;padding:16px 36px;font-weight:600;position:relative;overflow:hidden}.variant-compound .btn-icon{color:#000;width:56px;height:56px;transition:all .6s var(--ease-quantum);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-4px;display:flex;position:relative;overflow:hidden}.variant-compound:hover .btn-label,.variant-compound:hover .btn-icon,.variant-compound.active .btn-label,.variant-compound.active .btn-icon{color:#fff;background-color:#0000}.variant-compound.active .btn-fill{width:300%;height:300%;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-label{letter-spacing:.1em;font-size:12px;font-weight:600}.btn-icon{justify-content:center;align-items:center;display:flex}.btn-icon svg{width:20px;height:20px;display:block}.btn-icon.suffix{margin-left:4px}