.marker{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;position:relative;width:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#f60;border-radius:100%;color:#f7f9fb;cursor:pointer;justify-content:center}.marker:after{border:1px solid #f60;height:0;-webkit-transition:width .5s ease-in,height .5s ease-in;transition:width .5s ease-in,height .5s ease-in;width:0;z-index:-1}.marker.hover:before,.marker:after,.marker:hover:before{border-radius:100%;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.marker.hover:before,.marker:hover:before{-webkit-animation:ripples 1s infinite;animation:ripples 1s infinite;height:24px;width:24px}.marker.hover:after,.marker:hover:after{height:34px;-webkit-transition:width .5s ease-in,height .5s ease-in;transition:width .5s ease-in,height .5s ease-in;width:34px}@-webkit-keyframes ripples{0%{border:1px solid transparent}to{border:15px solid #ff8533;opacity:0}}@keyframes ripples{0%{border:1px solid transparent}to{border:15px solid #ff8533;opacity:0}}