<button>Great hover animation</button>

html, body
	height: 100%

body
	display: flex
	justify-content: center
	align-items: center
	background: #FAFAFA

button
	padding: 20px 40px
	background: none
	border: none
	position: relative
	text-transform: uppercase
	font-weight: bold
	letter-spacing: 3px
	cursor: pointer
	&:after, &:before
		content: ''
		position: absolute
		top: 0
		left: 0
		bottom: 0
		right: 0
		border: 2px solid #000
		transition: transform .2s 
	&:after
		transform: translate(3px, 3px)	
	&:before
		transform: translate(-3px, -3px)
	&:hover
		&:after, &:before
			transform: translate(0)