a {
	color: var(--color-hl);
	text-decoration: none;
	cursor: pointer;
}

.btn {
	display: inline-block;
	cursor: pointer;
	transition: all 0.1s;
}

.btn + .btn{
	margin-left: 0.7rem;
}

br + .btn{
	margin-top: 1rem;
}

.btn.btn--solid>a {
	display: flex;
    background: var(--color-hl);
    color: var(--color-hl-inverted);
    border-radius: 4px;
    padding: 7px 20px;
}

.btn.btn--solid .material-icons {
	padding-left: 7px;
}

.btn.btn--solid:hover{
	transform: translateY(-2px);
}

.btn.btn--solid:hover a{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
}

.btn.btn--solid:active{
	transform: translateY(-1px);
}

.btn.btn--link>a {
	display: flex;
}

.btn .material-icons{
    font-size: 1.5em;
    line-height: 1.2;
}

.btn.btn--link .material-icons {
	padding-left: 5px;
	transition: all 0.2s;
}

.btn.btn--link:hover .material-icons {
	transform: translateX(5px);
}