.btn-ripple{position:relative;overflow:hidden;z-index:1}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--petly-black);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:-1}.btn-ripple:hover:before{width:300%;height:300%}.btn-ripple:hover{color:var(--petly-white)!important;background:var(--petly-gold)}.btn-ripple:hover span,.btn-ripple:hover svg{color:var(--petly-white);stroke:var(--petly-white);transition:color .3s ease,stroke .3s ease}.btn-ripple span,.btn-ripple svg{position:relative;z-index:2}