.btn3d{color:#000;background-color:#d8d8d8;margin:.5rem;padding:.6rem 1rem;border:0 solid #ccc;outline:none;position:relative;border-radius:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 .2rem .4rem rgba(0,0,0,.4),inset 0 -.3rem .6rem rgba(0,0,0,.2);transition:box-shadow .2s ease-out}.btn3d:after{content:"";background-color:#fff;width:75%;height:12.5%;position:absolute;top:.15rem;left:12.5%;border-radius:50%;filter:blur(.15rem);transition:opacity .2s ease-out;opacity:.9}.btn3d:hover{box-shadow:0 .4rem .6rem rgba(0,0,0,.4),inset 0 -.45rem .8rem rgba(0,0,0,.2)}.btn3d:hover:after{opacity:.7;height:13%;transition:opacity .2s ease-in}.btn3d:active{box-shadow:0 0 0 rgba(0,0,0,.4),inset 0 .4rem 1rem rgba(0,0,0,.3)}.btn3d:active:after{opacity:0}.btn3d:disabled{pointer-events:none;opacity:.6;box-shadow:none}.btn3d:disabled:after{opacity:0}.btn3d-info{color:#fff;background-color:#0091ea}.btn3d-success{color:#fff;background-color:#00c853}.btn3d-warning{color:#3e2723;background-color:#ffc400}.btn3d-error{color:#fff;background-color:#d50000}.btn3d-dark{color:#fff;background-color:#303030}