*{margin:0;box-sizing:border-box}body,html{width:410px;font-size:16px}.header{background-color:#6b63e6;padding:16px;font-size:1.4em;font-weight:400;text-align:center;color:#fff}button{border-width:1px;border-style:solid;padding:16px;outline:0;font-family:inherit;font-size:.95em}.box{background:#ebebeb;padding:12px;display:flex;justify-content:center;align-items:center;text-align:center}.header,p{margin-top:0;margin-bottom:0}p{color:#fff;font-size:16px}img{width:40px}.btn{background-color:#6b63e6;border-radius:25px;box-shadow:rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,rgba(58,65,111,.5) 0 -3px 0 inset;color:#fff;cursor:pointer;height:100px;width:100px;margin:0 15px;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none}.btn:focus{box-shadow:#3c4fe0 0 0 0 1.5px inset,rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,#3c4fe0 0 -3px 0 inset}.btn:hover{box-shadow:rgba(80,63,205,.5) 0 1px 30px;transform:translateY(-2px)}.btn:active{box-shadow:#3c4fe0 0 3px 7px inset}