.banner-button{color:#004526;cursor:pointer;z-index:1;background-color:#fff;border:none;border-radius:.5rem;width:100%;max-width:20rem;margin:0 auto;padding:1rem 3rem;font-size:1.125rem;font-weight:600;transition:all .3s,color .3s .35s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width:640px){.banner-button{width:auto;max-width:none;padding:1rem 2rem}}@media (min-width:1024px){.banner-button{padding:1rem 3rem}}.banner-button:before{content:"";z-index:-1;background-color:#e8f5e9;width:15%;height:100%;transition:all .3s;position:absolute;top:0;left:0;transform:rotate(-45deg)translate(-50%,-50%)}.banner-button:hover{color:#004526;background-color:#0000;transition-delay:.35s}.banner-button:hover:before{animation:.6s forwards bannerSlideIn}@keyframes bannerSlideIn{10%{width:0;transform:rotate(-45deg)translate(-100%,-50%)}20%{width:0;transform:rotate(0)translate(-100%,85%)}60%{width:100%;transform:rotate(0)translateY(85%)}to{width:100%;transform:rotate(0)translate(0)}}[dir=rtl] .banner-button:before{left:auto;right:0;transform:rotate(45deg)translate(50%,-50%)}[dir=rtl] .banner-button:hover:before{animation:.6s forwards bannerSlideInRTL}@keyframes bannerSlideInRTL{10%{width:0;transform:rotate(45deg)translate(100%,-50%)}20%{width:0;transform:rotate(0)translate(100%,85%)}60%{width:100%;transform:rotate(0)translateY(85%)}to{width:100%;transform:rotate(0)translate(0)}}.waves-container-tiny{width:100%;height:120px;line-height:0;position:relative;overflow:hidden}svg.waves-tiny{width:100%;height:120px;display:block}.parallax-tiny>use:first-child{animation:10s ease-in-out infinite wave}.parallax-tiny>use:nth-child(2){animation:8s ease-in-out -2s infinite reverse wave}.parallax-tiny>use:nth-child(3){animation:6s ease-in-out -2s infinite wave}.parallax-tiny>use:nth-child(4){animation:4s ease-in-out -1s infinite reverse wave}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-25px)}}
