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