[class~=btn-liquid] {
	bottom:-30%;
	display:inline-block;
	width:180pt;
	height:.625in;
	border-radius:1.6875pc;
	color:#0c0032;
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	font-stretch:normal;
	font-size:.145833333in;
	line-height:3.75pc;
	font-size-adjust:none;
	font-kerning:auto;
	font-family:"Droid Sans",sans-serif;
	letter-spacing:.05em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

[class~=btn-liquid] [class~=inner],[class~=btn-liquid] {
	position:relative;
}

.inner{
	position: relative;
}

body {
	background-color:#0c0032;
	display:flex;
	height:100vh;
	align-items:center;
	justify-content:center;
}

[class~=btn-liquid] canvas {
	vertical-align:bottom;
	top:-37.5pt;
	right:-37.5pt;
	bottom:-.520833333in;
	left:-3.125pc;
	z-index:1;
}

img,[class~=btn-liquid] canvas {
	position:absolute;
}

img {
	pointer-events:none;
	margin-top:-12.5pc;
}

[class~=btn-liquid] [class~=inner] {
	z-index:2;
}

.text{
	position: relative;
	margin-top: 150px;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	color: #f5f5dc;
}

a{
	color: #f5f5dc;
}

a:visited{
	color: red;
}

a:active{
	color: red;
}

.social{
	margin-top: 50px;
	font-size: 50px;
}

.fab, .fas{
	transition: 1s;
}

.fa-telegram:hover{
	color: #0088cc;
}

.fa-github:hover{
	color: #ccc;
}

.fa-at:hover{
	color: red;
}