テンプレート:MainPage/Shared/styles.css

.irori-mainpage-shared-grid {
	display: grid;
	grid-template-columns: 1fr; 
	grid-gap: var( --space-sm );
}

.irori-mainpage-shared-grid-inner {
	display: grid;
	grid-template-columns: 1fr; 
	grid-gap: var( --space-sm );
}

.irori-mainpage-shared-card {
	position: relative;
	padding: var( --space-md );
	border: 1px solid var( --border-color-base );
	background: var( --color-surface-1 );
	border-radius: var( --border-radius-medium );
	font-size: var( --font-size-small );
}

.irori-mainpage-shared-center {
	text-align: center;
}

.irori-mainpage-shared-button {
	overflow: hidden;
	padding: 0;
	border: 0;
}

.irori-mainpage-shared-button {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 0 var( --space-md );
	background: transparent;
	color: #fff;
	font-weight: var( --font-weight-medium );
}

@media (min-width: 600px) {
  .irori-mainpage-shared-grid {
    grid-template-columns: 3fr 1fr; 
  }
}