.btn-sonar{background:transparent;border:2px solid #464646;border-radius:50%;color:#464646;display:inline-block;font-size:32px;height:60px!important;outline:none;position:relative;width:60px!important;&:before{border-radius:50%;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}&:hover:before{animation:sonar-effect 1.5s ease-in-out}}.btn-sonar div{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;vertical-align:middle;width:100%}.circle:hover{background-color:#a7ab29;border:0;display:inline-block;position:relative}@keyframes sonar-effect{0%{opacity:.3}40%{box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px #a7ab29,0 0 0 10px hsla(0,0%,100%,.5);opacity:.5}to{box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px #a7ab29,0 0 0 10px hsla(0,0%,100%,.5);opacity:0;transform:scale(1.5)}}@keyframes fade-down{0%{opacity:1;transform:translateY(-20px)}50%{opacity:.8;transform:translateY(15px)}to{opacity:0;transform:translateY(20px)}}@media (max-width:800px){.btn-sonar{border-radius:100%;height:70px!important;width:70px!important}}