body{
	background: orchid;
}

svg{
	width: 1000px;
	filter:url(https://www.17sucai.com/preview/2413762/2021-10-27/SVGwenzi%20lujing%20donghua/SVG%E2%95%AC%E2%94%80%E2%95%AB%E2%95%93%E2%94%AC%E2%95%96%E2%95%9B%E2%95%A2%E2%95%A2%C2%BB%E2%95%97%C2%A1/svg-path-animation/style.css#shadow);
	stroke: pink;
	stroke-width: 1.3;
	fill: none;
	stroke-dashoffset: 210;
	stroke-dasharray: 210;
}

.animation{
	animation: draw 5s linear;
	animation-fill-mode: forwards;
}

.backwards{
	animation: backwards-animation 5s linear;
	animation-delay: -10s;
	animation-fill-mode: forwards;
}

@keyframes draw {
	from {
		stroke-dashoffset: 210;
	}
	to{
		stroke-dashoffset: 0;
	}
}

@keyframes backwards-animation{
	from {
		stroke-dashoffset: 0;
	}
	to{
		stroke-dashoffset: 210;
	}
}
button{
	position: relative;
	top: -590px;
	left:350px;
	display:inline-block;
	width: 10%;
	height: 5vh;
	border-radius:  5px;
	outline: none;
}