ol {
	margin: 55px 0 0 0;
	padding: 0;
	position: sticky;
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	border-top: 3px solid var(--btn);
	width: 320px;
}

a {
	text-decoration: none;
	column-rule: var(--btn);
	/* padding: 60px 20px 20px 20px; */
}

ol > li {
	top: 20px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 44px 0;
	&:hover {
		cursor: pointer;
	}
}

ol > li::before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-weight: 700;
	bottom: 87px;
}

ol > li:first-child {
	justify-content: left;
}

ol > li:last-child {
	justify-content: right;
}

ol > li:nth-child(2)::before,
ol > li:nth-child(3)::before,
ol > li:nth-child(4)::before {
	color: var(--btn);
	background-color: var(--white);
	outline: 3px solid var(--btn);
}
ol > li:nth-child(2)::before {
	content: "2";
}

ol > li:nth-child(3)::before {
	content: "3";
}

ol > li:nth-child(4)::before {
	content: "4";
}


@media (min-width: 1000px) {

	ol {
		width: 600px;
	}
}