body {
	  padding: 30px;	  
	}

	.responsive {
	  width: 100%;
	  height: auto;
	}
	.center {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 800px;
	}

	.fancy {
	  transition: all 0.1s ease-in-out;
	  padding: 10px 25px;
	  position: relative;
	  display: inline-block;
	  text-decoration: none;
	  font-weight: bold;
	  background: linear-gradient(to right, #89c3f9 0%,#89c3f9 40%,#52a7f6 100%);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  
	  &:before,
	  &:after {
		transition: all 0.1s ease-in-out;
		position: absolute;
		display: block;
		content: "";
		z-index: -1;
	  }
	  
	  &:before {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(to right, #89c3f9 0%,#52a7f6 40%,#52a7f6 100%);
	  }
	  
	  &:after {
		top: 3px;
		left: 3px;
		bottom: 3px;
		right: 3px;
		background: white;
	  }
	  
	  &:hover {    
		&:after {
		  top: 6px;
		  left: 6px;
		  bottom: 6px;
		  right: 6px
		}
	  }
	  
	  &:active {
		background: white;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		
		&:after {
		  opacity: 0;
		}
	  }
	}