// Links component with the "page-links" class (template Component Classes: "page-links").
// The grey Team / Services / Testimonials buttons above the footer on the landing page.
// Scoped to that class so other pages using the Links component keep their sage buttons.
.bottom-links.page-links {
	// Three wide buttons across on large screens (the component's own columns fit four).
	@include media-breakpoint-up(lg) {
		> .row > [class*="col-"] {
			flex: 0 0 33.3333%;
			max-width: 33.3333%;
			padding-left: .75rem !important;
			padding-right: .75rem !important;
		}
	}

	.btn {
		padding: 1rem .5rem;
		border: 0;
		border-radius: 0;
		background-color: #6D6E70;
		color: $white;
		font-family: $primary-font;
		font-weight: 300;
		font-size: .875rem;
		letter-spacing: 1px;
		text-transform: uppercase;
		transition: background-color .2s;

		&:hover,
		&:focus {
			background-color: $primary;
			color: $white;
		}
	}
}