.bell,.bell-border,.btn-bell{border-radius:50%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.bell{box-shadow:-1px 2px 10px #999;background:#ffdc2a;animation-name:col;animation-iteration-count:infinite}.bell,.bell-border{height:12px;width:12px;animation-duration:2s}.bell-border{border:1px solid #7844e8!important;animation-name:bord-pop;animation-iteration-count:infinite;box-shadow:2px 2px 5px #ccc,-2px -2px 5px #ccc}.btn-bell{color:#fff;font-size:20px;animation-name:bell-ring;animation-duration:2s;animation-iteration-count:infinite}@keyframes bord-pop{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-50%) scale(1.9);opacity:.1}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}@keyframes col{0%{transform:scale(1) translate(0)}10%{transform:scale(1.1) translate(0)}75%{transform:scale(1) translate(0)}to{transform:scale(1) translate(0)}}@keyframes bell-ring{0%{transform:translate(-50%,-50%)}15%,5%{transform:translate(-50%,-50%) rotate(25deg)}10%,20%{transform:translate(-50%,-50%) rotate(-25deg)}25%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}