html{scroll-behavior:smooth}body{margin:0;background-color:#ebe7df}.wrapper{display:grid;grid-template-columns:repeat(3,100%);overflow:hidden;scroll-behavior:smooth}.wrapper section{width:100%;position:relative;display:grid;grid-template-columns:repeat(5,auto);margin:20px 0}.wrapper section .item{padding:0 2px;transition:250ms all}.wrapper section .item:hover{margin:0 40px;transform:scale(1.2)}.wrapper section a{position:absolute;color:#57c5a0;text-decoration:none;font-size:4em;background:#ebe7df;width:80px;padding:20px;z-index:1}.wrapper section a:nth-of-type(1){top:0;bottom:0;left:0;background:linear-gradient(-100deg,rgba(0,0,0,0) 0%,silver 100%)}.wrapper section a:nth-of-type(2){top:0;bottom:0;right:0;background:linear-gradient(100deg,rgba(0,0,0,0) 0%,silver 100%)}@media only screen and (max-width: 600px){a.arrow__btn{display:none}}