.ballhk,.ballhkred{display:inline-block;width:40px;height:40px;border-radius:50%;box-shadow:color: #000;text-align:center;line-height:40px;margin:0 2px;font-weight:700;font-size:20px;transition:transform .3s,box-shadow .3s;cursor:pointer;position:relative}.ballhk{background:linear-gradient(135deg,gold,#b08d57);background-size:cover;background-position:center}.ballhk:hover,.ballhkred:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.3)}.ballhk:active,.ballhkred:active{transform:translateY(2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.ballhk.shake,.ballhkred.shake{animation:.5s infinite shake}.ballhkred{background:linear-gradient(135deg,#ff5733,#c70039);background-size:cover;background-position:center}@keyframes shake{0%,100%{transform:translate(0)}25%{transform:translate(-5px,-5px)}50%{transform:translate(5px,5px)}75%{transform:translate(-5px,5px)}}