CodeMyUI/index.html

## index.html
<a class="register-button" href="#tickets">Get My Tickets</a>

## style.css
body {
  padding: 100px 0 0;
  text-align: center;
  background: #f7f7f7;
}
.register-button {
    border: 6px solid transparent;
    border-image: linear-gradient(to right, #0865F1 0%, #C704F6 100%);
    border-image-slice: 1;

    background: #fff;
    color: #000;
    font-size: 2em;
    padding: 10px 40px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.register-button:hover {
    background-color: white;
    background: linear-gradient(to right, #0865F1, #C704F6);
    color: #fff;
}

## weekly-inspiration-good-gracious-gradients.markdown

      
    Raw
  

              weekly-inspiration-good-gracious-gradients.markdown
            
          
    Weekly Inspiration: Good Gracious, Gradients

Demo of button used by Web Afternoon Featured on Weekly Inspiration: Good Gracious, Gradients
A Pen by Envato Tuts+ on CodePen.
License.
	body {
	padding: 100px 0 0;
	text-align: center;
	background: #f7f7f7;
	}
	.register-button {
	border: 6px solid transparent;
	border-image: linear-gradient(to right, #0865F1 0%, #C704F6 100%);
	border-image-slice: 1;

	background: #fff;
	color: #000;
	font-size: 2em;
	padding: 10px 40px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	}

	.register-button:hover {
	background-color: white;
	background: linear-gradient(to right, #0865F1, #C704F6);
	color: #fff;
	}