.hover-dots a{position:relative;display:inline-block;overflow:hidden}.hover-dots a::before{content:'';position:absolute;inset:0;z-index:1;background-color:rgba(53,57,64,0.7);opacity:0;transition:opacity 0.5s ease;pointer-events:none}.hover-dots a::after{content:'';position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:#ed1d24;box-shadow:0 0 0 #ed1d24,0 0 0 #ed1d24;opacity:0;transition:opacity 0.5s ease,box-shadow 0.5s ease;pointer-events:none}.hover-dots a:hover::before,.hover-dots a:hover::after{opacity:1}.hover-dots a:hover::after{box-shadow:-13px 0 0 #ed1d24,13px 0 0 #ed1d24}