.demo{ background: #111;}
.link{
color: #fff;
font-family: 'Roboto Slab', serif;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding: 3px 6px;
display: inline-block;
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
border: 1px solid transparent;
outline: 1px solid;
outline-color: currentcolor;
outline-offset: 0px;
text-shadow: none;
position: relative;
z-index: 1;
transition: all 0.3s ease;
}
.link:hover{
color: #fff;
border: 1px solid;
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
outline-color: rgba(255, 255, 255, 0);
outline-offset: 15px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px){
.link{ margin: 0 0 20px 0; }
}