.mod-anchors {
	text-align: center;

	/* &:not(.has-background) {
		padding-top: 0;
		padding-bottom: 0;
		padding-top: 40px;
		padding-bottom: 40px;
		@media (width >= 768px) {
			padding-top: 60px;
			padding-bottom: 60px;
		}

		@media (width >= 1024px) {
			padding-top: 100px;
			padding-bottom: 100px;
		}
	*/

	h2 {
		margin-top: 0;
		text-transform: uppercase;
		text-align: left;
		font-weight: var(--fw-bold);
		margin-bottom: 1.25em;
		@media (width >= 1024px) {
			font-size: 36px;
		}
	}

	.section-intro {
		text-align: left;
		margin-bottom: 2em;
	}

	&.has-outro {
		.anchor-links {
			padding-bottom: 1em;
		}
	}
}

.mod-anchors,
.mod-intro-anchors {
	.anchor-links {
		list-style: none;
		margin: 0;
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 10px;

		/* Tablet Styles */
		@media (width >= 768px) {
			column-gap: 40px;
			grid-template-columns: 1fr 1fr;
		}

		/* Desktop Styles */
		@media (width >= 1024px) {
			/* grid-template-columns: 1fr 1fr 1fr; */
			column-gap: 100px;
		}

		li {
			list-style: none;
		}

		a {
			font-size: 18px;
			width: 100%;
			text-align: left;
			text-transform: none;
			padding: 5px 5px 5px 40px;
			&:before {
				width: 24px;
			}
		}
	}
}