.btn {
		background : #dc3545;
		text-transform : uppercase;
		padding : 30px;
		color : #fff;
		cursor : pointer;
		display : inline-block;
		font-size : 20px;
		font-weight : 500;
		border-radius : 35px;
		line-height : 1;
		letter-spacing : 1px;
		line-height : 0;
		margin-bottom : 30px;
		margin : 10px;
		transition : color 0.4s linear;
		position : relative;
		z-index : 1;
		border : 0;
		overflow : hidden;
		margin : 0;
	}
	
	.btn::after {
		position : absolute;
		width : 30px;
		background : #fff;
		left : 37px;
		top : 50%;
		transform : translateY(-50%);
		height : 1px;
	}
	
	.btn::before {
		content : "";
		position : absolute;
		left : 0;
		top : 0;
		width : 101%;
		height : 101%;
		background : #4169E1;
		z-index : 1;
		border-radius : 5px;
		transition : transform 2s;
		transition-timing-function : ease;
		transform-origin : 0 0;
		transition-timing-function : cubic-bezier(0.5,1.6,0.4,0.7);
		transform : scaleX(0);
		border-radius : 0;
	}
	.btn:hover::before {
		transform : scaleX(1);
		color : #fff !important ;
		z-index : -1;
	}
	.btn:hover {
		background-position : right;
		background : #000;
		color : #fff;
	}
	.btn.focus, .btn:focus {
		outline : 0;
		box-shadow : none;
	}

	.btn-outline {
		border : 2px solid #dc3545;
		text-transform : uppercase;
		padding : 30px;
		color : #fff !important ;
		cursor : pointer;
		display : inline-block;
		font-size : 20px;
		font-weight : 500;
		border-radius : 35px;
		line-height : 1;
		letter-spacing : 1px;
		line-height : 0;
		margin-bottom : 30px;
		margin : 10px;
		transition : color 0.4s linear;
		position : relative;
		z-index : 1;		
		overflow : hidden;
		margin : 0;
	}
	
	.btn-outline::after {
		position : absolute;
		width : 30px;
		background : #fff;
		left : 37px;
		top : 50%;
		transform : translateY(-50%);
		height : 1px;
	}
	
	.btn-outline::before {
		content : "";
		position : absolute;
		left : 0;
		top : 0;
		width : 101%;
		height : 101%;
		background : #dc3545;
		z-index : 1;
		border-radius : 5px;
		transition : transform 2s;
		transition-timing-function : ease;
		transform-origin : 0 0;
		transition-timing-function : cubic-bezier(0.5,1.6,0.4,0.7);
		transform : scaleX(0);
		border-radius : 0;
	}
	.btn-outline:hover::before {
		transform : scaleX(1);
		color : #fff !important ;
		z-index : -1;
	}
	.btn-outline:hover {
		background-position : right;
		background : #000;
		color : #fff;
	}
	.btn-outline.focus, .btn:focus {
		outline : 0;
		box-shadow : none;
	}