.grid{
	display: grid;
	margin:0.2em 0;
	gap: 0.2em;
	justify-content: center;
	grid-template-columns: 1fr;
}

.grid>*{
	display: flex;
	justify-content:center;
	background: #FFF1;
	text-decoration:none;
	color:#FFFA;
	padding: 1em;
	border:0;
	border-radius: 0.3em;
	font-size:1em;
	cursor:pointer;
}
.grid a:hover{
	background: #FFF2;
	color:#FFF;
}
.grid a svg{
	width: 1.3em;
	fill: CurrentColor;
	margin-right:0.3em;
}
.grid-small a{
	font-size: 0.8em;
	padding: 1em 0.5em;
}
.grid-2{grid-template-columns: repeat(2, 1fr)}
.grid-3{grid-template-columns: repeat(3, 1fr)}
.grid-4{grid-template-columns: repeat(4, 1fr)}
.grid-6{grid-template-columns: repeat(6, 1fr)}
.grid-7{grid-template-columns: repeat(7, 1fr)}
.grid-9{grid-template-columns: repeat(9, 1fr)}
.grid-10{grid-template-columns: repeat(10, 1fr)}
.grid-16{grid-template-columns: repeat(16, 1fr)}
.grid-24{grid-template-columns: repeat(24, 1fr)}