ben-g
1/17/2018 - 7:20 PM

Simple responsive button

Centered on mobile. Floated right on desktop.

style.css
content_copyfile_download
.header.navigation .button.call-us {
    background: #929909;
    border-radius: 0;
    font-size: 18px;
}

.header.navigation .button.call-us a {
	text-decoration: underline;
}

.header.navigation .button.call-us a:hover,
.header.navigation .button.call-us a:visited,
.header.navigation .button.call-us a:focus {
	color: #ffffff!important;
}

@media all and (min-width: 1000px) {
	.header.navigation .button.call-us {
	float: right;
	margin-left: 50px;
	}
}
markup.html
content_copyfile_download
<p><a class="button call-us" href="tel:5555555555" style="
">Call us: 555-555-5555</a></p>