CSS - Link Panel
.link-panel {
position: relative;
color: $brand-primary;
padding: 12px 20px 11px 35px;
display: inline-block;
text-decoration: none;
font-size: 15px;
line-height: 20px;
border-radius: 3px;
background: #FFF;
@extend %material;
@extend %fade;
&:hover {
text-decoration: none;
color: #FFF;
background-color: $brand-primary;
}
&:hover:before {
color: #FFF;
}
&::before {
content: "\f103";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: $brand-primary;
font-size: 16px;
position: absolute;
top: 12px;
left: 15px;
@extend %fade;
}
i {
color: $brand-primary;
}
}