vv-shell {
	gap: var(--padding);
	padding: var(--padding);
}

/* # Sections */

/* ## Heading */

section.heading {
	text-align: center;
}

/* ## Grid */

section.grid {
	gap: var(--padding);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

section.grid button {
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
}

section.grid button img {
	width: 100%;
	border-radius: 6px;
}

section.grid button > div {
	display: flex;
	text-align: right;
	gap: var(--padding);
	align-items: center;
}

section.grid button p {
	color: black;
}

/* # Size queries */

@media (max-width: 1000px) {
	section.grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 550px) {
	section.grid {
		grid-template-columns: 1fr;
	}
}