.btn-navigation{width:8rem;height:3.75rem;background-color:transparent;cursor:pointer;transition:background-color .3s ease;text-align:center;position:relative;overflow:hidden}.btn-navigation-top{border:none;border-radius:.375rem .375rem 0 0}.btn-navigation-bottom{border-radius:0 0 .375rem .375rem}.btn-navigation-top:hover,.btn-navigation:hover{background-color:hsla(0,0%,100%,.068)}.btn-navigation:before{content:"";background:radial-gradient(circle,hsla(0,0%,100%,.6),hsla(0,0%,100%,0));transition:transform .6s,opacity .6s;opacity:0}.btn-navigation .ripple,.btn-navigation:before{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none}.btn-navigation .ripple{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 50%);opacity:.7;animation:ripple-animation .6s linear}@media (max-width:760px) and (max-height:900px){.btn-navigation{width:4rem;font-size:.65rem;margin-right:1rem;height:3rem}}