Modèle:Shared/shared.css

.home-grid {
	display: grid;
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );
	grid-gap: var( --space-xs );
}

.home-grid--col2 {
	grid-template-columns: 1fr 1fr;
}

.home-card {
	position: relative;
	border: 1px solid var( --border-color-base );
	background: var( --color-surface-1 );
	border-radius: var( --border-radius-medium );
	font-size: var( --font-size-small );
}

.home-card p {
	margin: 0;
}

.home-card:hover {
	border: 1px solid var( --color-progressive );
	cursor: pointer;
	background: var(--color-surface-2);
}

.home-card-text {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}

.home-card-box a {
	width: 100%;
	height: 200px;
	display: block;
}

.home-card-image img {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.home-card-text a:hover {
	text-decoration: none;
}

.home-card-text a {
	font-size: large;
}