@charset "utf-8";

/* ICON BUTTONS */
	.button-list {
		--columns: 1;
		--gap: 4rem;
		display: grid;
		grid-gap: var(--gap);
		grid-template-columns: repeat(var(--columns), 1fr);
		margin: var(--margin-block) 0;
		}
	.button-list-group {
		position: relative;
		}
	.button-list-group::before {
		background-color: var(--background-borders);
		bottom: calc(var(--gap) / -2);
		content: '';
		display: block;
		height: 0.1rem;
		left: 0;
		position: absolute;
		width: 100%;
		}
	.button-list-group:last-child::before {
		display: none;
		}
	.button-list-header {
		font-size: var(--text-sub-2);
		letter-spacing: var(--header-spacing);
		text-transform: uppercase;
		}
	.button-list-header-sub {
		color: var(--color-header);
		font-size: var(--head-5);
		font-weight: 700;
		margin: 1rem 0;
		}
	.button-list-items {
		display: grid;
		font-size: var(--text);
		grid-gap: 1.5rem;
		margin-top: 2rem;
		}
	.button-list-item i {
		color: var(--color-link);
		}
	@media (max-width: 59.99em) {
		.box-inline > .mgv.mg-less .button-list {
			margin: var(--margin-gap) 0 !important;
			}
	}
	@media (min-width: 40em) {
		.button-list-2.w,
		.button-list-4.w {
			--columns: 2;
			}
		.button-list-2.w .button-list-group::before,
		.button-list-4.w .button-list-group::before {
			bottom: auto;
			left: auto;
			height: 100%;
			right: calc(var(--gap) / 2);
			width: 0.1rem;
			}
	}
	@media (min-width: 60em) {
		.button-list.w {
			--gap: 2rem;
			}
		.button-list-3.w {
			--columns: 3;
			}
		.button-list-3.w .button-list-group::before {
			bottom: auto;
			left: auto;
			height: 100%;
			right: calc(var(--gap) / 2);
			width: 0.1rem;
			}
		.button-list-header {
			padding-top: 2rem;
			}
		.button-list-items {
			padding-bottom: 2rem;
			}
	}
	@media (min-width: 80em) {
		.button-list-4.w {
			--columns: 4;
			}
	}