#contactlink {
	position: relative; padding: 40px; overflow: hidden; width: 100%;
}
.contactlink {
	margin: 0 auto; display: block; width: 280px; height: 70px; border-radius: 35px; color: #DCC99D; background: #21253a;text-align: center; cursor: pointer; overflow: hidden; font-family: Oswald, Poppins, Arial; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .5); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .5); box-shadow: 2px 2px 6px rgba(0, 0, 0, .5); border: 1px solid #7881b1;
}	
.contactlink>div.t {
	 font-size: 1.1rem; line-height: 40px;
}		
.contactlink>div.e {
	 font-size: 1rem; line-height: 25px;
}		
.contactlink:not(.tw)>div.t {
	display: none; 
}
.contactlink:not(.tw)>div.e {
	font-size: 1.1rem; line-height: 70px ;
}	
.contactlink:hover > div.t{
	display: none; 
}	
.contactlink:hover > div.e{
	line-height: 70px;
}	
.contactlink:not(.tw):hover > div.e{
	line-height: 60px;
}		
.contactlink:hover {
	-webkit-box-shadow: 2px 2px 5px rgba(255, 255, 255, .5); -moz-box-shadow: 2px 2px 5px rgba(255, 255, 255, .5); box-shadow: 2px 2px 5px rgba(255, 255, 255, .5); border: none;
}	
.contactlink:active {
	line-height: 70px; -webkit-box-shadow: 2px 2px 5px rgba(255, 255, 255, .8); -moz-box-shadow: 2px 2px 5px rgba(255, 255, 255, .8); box-shadow: 2px 2px 5px rgba(255, 255, 255, .8); border: 1px solid #ffcc99;
}
#contactlink .bar {
	position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; content: ''; display: inline-block; 
}
.bar:after {
	position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; content: ''; display: inline-block; background: var(--contactlinkbar); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; 
}
.contactlink:hover ~ .bar:after {
	*left: 100%; 
}