#quick-links {
	display: flex;
	flex-wrap: wrap;
    gap: 12px;
}
@media only screen and (max-width: 896px) { 
	#quick-links {
		gap: 1vw;
		grid-column: span 2;
	}
}
#quick-links a {
	color: #fff;
    font-size: 18px;
    background-color: #0A2734;
    text-align: center;
    padding: 15px 32px;
    display: inline-block;
}
@media only screen and (max-width: 896px) {
	#quick-links a {
		font-size: 4vw;
		padding: 2vw 3vw;
	}
}
#quick-links a:hover {
	background-color: #6FC727;
    transition: 0.3s ease-out;
}
h1 ~ #quick-links {
	padding-bottom: 24px;
}
@media only screen and (max-width: 896px) {
	h1 ~ #quick-links {
		padding-bottom: 4vw;
	}
}

#product #quick-links a {
	color: #333333;
    background-color: unset;
    border: 1px solid #ECECEC;
}
#product #quick-links a:hover {
    border: 1px solid #6FC727;
}
#product #quick-links {
	margin: 5px 0 20px;
}
@media only screen and (max-width: 896px) {
	#product #quick-links {
		margin: 1vw 0 3vw;
	}
}