button,[role=button],.btn{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){transform:scale(.97)}button:not(:disabled):active{box-shadow:0 2px 8px #00000026}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover:not(:active),[role=button]:not(:disabled):hover:not(:active),.btn:not(:disabled):hover:not(:active){transition:transform .2s;transform:translateY(-1px)}}button:disabled,button:disabled:active,button:disabled:hover{transform:none!important}button[data-no-ripple]{touch-action:manipulation}@media (hover:none){button[data-no-ripple]:hover,button[data-no-ripple]:active{transform:none!important}}@media (prefers-reduced-motion:reduce){button,[role=button],.btn{transition:none}button:active:not(:disabled),button:not(:disabled):hover{transform:none}}