.arrow{animation:scroll 1.5s;-webkit-animation:scroll 1.5s;border:1px solid transparent;border-image-slice:1;border-image-source:linear-gradient(180deg,rgba(45,219,93,.2),#2ddb5d,#00aee6);height:300px;position:relative;width:0;&:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #00aee6;content:"";display:block;height:100px;left:-5px;position:absolute;top:100%;width:1px}}@keyframes scroll{0%{height:40px}30%{height:70px}60%{height:40px}}@-webkit-keyframes scroll{0%{height:40px}30%{height:70px}60%{height:40px}}.discover-more{text-wrap:nowrap;animation:discover-more 1s 1.5s forwards;-webkit-animation:discover-more 1s 1.5s forwards;background:#000002;color:#72d7ff;font-size:16px;font-weight:700;left:50%;opacity:0;position:absolute;top:80%;transform:translate(-50%,-50%)}@keyframes discover-more{to{opacity:1}}@-webkit-keyframes discover-more{to{opacity:1}}