button,[role=button],.btn,[class*=Button]{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);position:relative}button:active:not(:disabled),[role=button]:active:not(:disabled),.btn:active:not(:disabled),[class*=Button]:active:not(:disabled){transform:scale(.97)}button:after,[role=button]:after,.btn:after,[class*=Button]:after{content:"";opacity:0;pointer-events:none;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button:active:not(:disabled):after,[role=button]:active:not(:disabled):after,.btn:active:not(:disabled):after,[class*=Button]:active:not(:disabled):after{opacity:0;width:300px;height:300px;transition:width .5s ease-out,height .5s ease-out,opacity .6s ease-out}button:not(:disabled):active{box-shadow:0 2px 8px #00000026}button:not(:disabled):hover,[role=button]:not(:disabled):hover,.btn:not(:disabled):hover,[class*=Button]:not(:disabled):hover{transition:transform .2s;transform:translateY(-1px)}button:disabled,button:disabled:active,button:disabled:hover{cursor:not-allowed;transform:none!important}@media (prefers-reduced-motion:reduce){button,[role=button],.btn,[class*=Button]{transition:none}button:active:not(:disabled),button:not(:disabled):hover{transform:none}}