.tri-slidefill-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:.5px;border-left:0 solid var(--btn-side-border);border-right:0 solid var(--btn-side-border);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;isolation:isolate;transition:color .2s ease-in-out}.tri-slidefill-btn:after,.tri-slidefill-btn:before{content:"";position:absolute;top:0;bottom:0;width:51%;background:var(--btn-hover);z-index:-1;transform:scaleX(0);transition:transform .32s cubic-bezier(.4,0,.2,1)}.tri-slidefill-btn:before{left:0;transform-origin:left center}.tri-slidefill-btn:after{right:0;transform-origin:right center}.tri-slidefill-btn:hover:after,.tri-slidefill-btn:hover:before{transform:scaleX(1)}.tri-slidefill-btn:hover{color:var(--btn-text-hover)}.tri-slidefill-btn__label{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.01em}.tri-slidefill-btn:focus-visible{outline:2px solid var(--btn-hover);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tri-slidefill-btn,.tri-slidefill-btn:after,.tri-slidefill-btn:before{transition:none}}