﻿.animated-button1 {
	background: linear-gradient(-99deg, #1d4487 50%, #1d4487 50%);
	padding: 20px 40px;
	margin: 12px;
	display: inline-block;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	overflow: hidden;
	color: #f7f7f4;
	font-size: 20px;
	letter-spacing: 0.2px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

	.animated-button1::before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		opacity: 0;
		-webkit-transition: .2s opacity ease-in-out;
		transition: .2s opacity ease-in-out;
	}

	.animated-button1:hover::before {
		opacity: 0.2;
	}

	.animated-button1 span {
		position: absolute;
	}

		.animated-button1 span:nth-child(1) {
			top: 0px;
			left: 0px;
			width: 100%;
			height: 3px;
			background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#f26922));
			background: linear-gradient(to left, rgba(43, 8, 8, 0), #f26922);
			-webkit-animation: 2s animateTop linear infinite;
			animation: 2s animateTop linear infinite;
		}

@keyframes animateTop {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.animated-button1 span:nth-child(2) {
	top: 0px;
	right: 0px;
	height: 100%;
	width: 3px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#f26922));
	background: linear-gradient(to top, rgba(43, 8, 8, 0), #f26922);
	-webkit-animation: 2s animateRight linear -1s infinite;
	animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.animated-button1 span:nth-child(3) {
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#d92626));
	background: linear-gradient(to right, rgba(43, 8, 8, 0), #d92626);
	-webkit-animation: 2s animateBottom linear infinite;
	animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.animated-button1 span:nth-child(4) {
	top: 0px;
	left: 0px;
	height: 100%;
	width: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#f26922));
	background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #f26922);
	-webkit-animation: 2s animateLeft linear -1s infinite;
	animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

.videobutton{
	float:right;
	margin:-8px 130px 0px -370px;
	padding:5px 8px 3px 5px;
	font-size:12px;
}