@charset "utf-8";
/* CSS Document */

.transition {
	color: hsla(60,100%,48%,1.00);
	display: inline-block;
	height: 45px;
	font-weight: 300;
	line-height: 35px;
	font-size: 28px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 10px 20px;
	text-shadow: 0px 0px;
	border-radius: 6px;
	
	
	transition: 800ms ease-out padding,
			1s ease-out font-size,
			1s ease-out background-color;
	}

	.transition:hover {
	padding-right: 30px;
	padding-left: 30px;
	font-size: 36px;
	background-image: -webkit-linear-gradient(33deg,rgba(255,141,143,0.80) 0%,rgba(222,120,255,0.79) 14.51%,rgba(167,163,244,0.79) 28.50%,rgba(165,189,93,0.68) 42.49%,rgba(222,232,56,0.73) 53.89%,rgba(197,139,51,0.81) 64.77%,rgba(255,0,0,0.67) 70.98%,rgba(255,245,0,0.72) 82.90%,rgba(0,255,179,0.75) 92.75%);
	background-image: -moz-linear-gradient(33deg,rgba(255,141,143,0.80) 0%,rgba(222,120,255,0.79) 14.51%,rgba(167,163,244,0.79) 28.50%,rgba(165,189,93,0.68) 42.49%,rgba(222,232,56,0.73) 53.89%,rgba(197,139,51,0.81) 64.77%,rgba(255,0,0,0.67) 70.98%,rgba(255,245,0,0.72) 82.90%,rgba(0,255,179,0.75) 92.75%);
	background-image: -o-linear-gradient(33deg,rgba(255,141,143,0.80) 0%,rgba(222,120,255,0.79) 14.51%,rgba(167,163,244,0.79) 28.50%,rgba(165,189,93,0.68) 42.49%,rgba(222,232,56,0.73) 53.89%,rgba(197,139,51,0.81) 64.77%,rgba(255,0,0,0.67) 70.98%,rgba(255,245,0,0.72) 82.90%,rgba(0,255,179,0.75) 92.75%);
	background-image: linear-gradient(57deg,rgba(255,141,143,0.80) 0%,rgba(222,120,255,0.79) 14.51%,rgba(167,163,244,0.79) 28.50%,rgba(165,189,93,0.68) 42.49%,rgba(222,232,56,0.73) 53.89%,rgba(197,139,51,0.81) 64.77%,rgba(255,0,0,0.67) 70.98%,rgba(255,245,0,0.72) 82.90%,rgba(0,255,179,0.75) 92.75%);
	}