Button

Button

.link-button
	text-align: center
	a
		background-color: $alert-color
		border: .2rem solid $alert-color
		color: #fff
		display: inline-block
		font-family: OpenSansBold, $helvetica
		font-size: 1.5rem
		font-weight: normal
		letter-spacing: .1rem
		margin: 2rem 0
		overflow: hidden
		padding: .7rem
		position: relative
		text-decoration: none
		text-transform: uppercase
		transition: all .5s
		z-index: 1
		&::after
			background: $shadow-color
			content: ""
			display: block
			position: absolute
			z-index: -1
			top: 0
			bottom: 0
			left: -100%
			right: 100%
			transition: all .5s
		&:hover
			border: .2rem solid $accent-color
			color: $accent-color
			text-decoration: none
			&::after
				left: 0
				right: 0
				top: 0
				bottom: 0