button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #fff;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	display: inline-block;
	padding: 11px 41px;
	height: auto;
	background-color: $color__theme;
	border: 2px solid $color__theme;

	&:hover {
		background-color: transparent;
		color: $color__theme;
	}
}


/* Back To Top */
.return-to-top {
	position: fixed;
	bottom: -40px;
	right: 30px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	z-index: 998;
	border-radius: 3%;
	opacity: 0;
	transition: bottom .5s ease, opacity .5s ease;

	&:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: transparent;
		opacity: 1;
		display: block;
		transform: scale(1);
		transition: all .3s ease;
		border-radius: inherit;
		transition: transform .5s ease, opacity .6s ease;
	}

	&:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		background: rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0px 0px 0px 0px transparent;
		box-shadow: 0px 0px 0px 0px transparent;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
		border-radius: inherit;
	}

	> i {
		position: relative;
		overflow: hidden;
		font-size: 12px;
		width: inherit;
		height: inherit;
		line-height: inherit;
		display: block;
		color: transparent;
		text-shadow: 0px 0px #fff, 0px 50px #fff;
		transition: text-shadow .2s ease;
		z-index: 1;
	}

	&:hover {
		&:after {
			transform: scale(1.07);
			background: $color__theme;
			box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.15);
		}

		> i {
			text-shadow: 0px -50px #fff, 0px 0px #fff;

		}
	}

	&.back-top {
		bottom: 30px;
		opacity: 1;
	}
}