.button,.btn,button.chip,.filter-button{position:relative;isolation:isolate;overflow:hidden;transition:transform .2s var(--mv-ease),border-color .2s,color .2s,background .2s;--mx:50%;--my:50%}.button:before,.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(130px circle at var(--mx) var(--my),rgba(255,255,255,.18),transparent 70%);opacity:0;transition:opacity .2s}.button:hover:before,.btn:hover:before{opacity:1}.button:focus-visible,.btn:focus-visible,button.chip:focus-visible{outline:2px solid var(--mv-red);outline-offset:3px}.button:not(.button-outline),.btn.p{background:var(--mv-red);border-color:var(--mv-red);color:#fff}.button-outline,.btn.s{background:transparent;border-color:rgba(255,255,255,.6);color:var(--mv-white)}.button-arrow,.ar{display:inline-block;transition:transform .2s}.button:hover .button-arrow,.btn:hover .ar{transform:translateX(4px)}.ripple,.rp{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.36);transform:translate(-50%,-50%) scale(0);animation:mv-ripple .55s ease-out;pointer-events:none}@keyframes mv-ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}.button[data-s=load],.btn[data-s=load]{opacity:.7;pointer-events:none}.button[data-s=ok],.btn[data-s=ok]{border-color:#70c887}.button[data-s=err],.btn[data-s=err]{border-color:var(--mv-red)}.chip{cursor:pointer;min-height:44px;padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--text)}.chip[aria-pressed=true]{border-color:var(--red);color:var(--text);background:var(--red-soft)}
