.arrow-btn{align-items:center;background-color:#fff;border-radius:12rem;box-shadow:0 2rem 8rem #1e1a2314;cursor:pointer;display:flex;font-size:0;height:56rem;justify-content:center;transition:opacity .3s ease-in-out;width:56rem}@media only screen and (max-width:767px){.arrow-btn[arrow=purple]{border-radius:16rem;box-shadow:0 2px 8px #7725951a,0 2px 6px #6814861a,0 1px 2px #5b44814d;font-size:0;height:40rem;width:40rem}.arrow-btn[arrow=purple]:hover{opacity:1}.arrow-btn[arrow=purple] img{width:24rem}}@media only screen and (max-width:1600px) and (min-width:768px){.arrow-btn:hover{opacity:.6}}.arrow-btn img{height:18rem;-o-object-fit:cover;object-fit:cover;width:10rem}@media only screen and (max-width:767px){.arrow-btn img{height:20rem;width:20rem}.arrow-btn{border-radius:16rem;height:48rem;width:48rem}}