@charset 'utf-8';
.banner-box {
	width: 100%;
	padding: 16px;
}

.banner-box__inner {
	width: fit-content;
	margin: 0 auto;
}

a.banner-box__link {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;

	display: flex;
	align-items: center;
	flex-direction: column;

	width: 100%;
	margin: 0;
	padding: 16px 22px;

	transition: opacity .3s ease;
	text-decoration: none;

	color: #333;
	border-radius: 4px;
	background-color: #c5eeff;

	gap: 4px;
}
@media screen and (min-width: 640px) {
	a.banner-box__link {
		line-height: initial;

		flex-direction: row;

		padding: 4px 22px;

		gap: 12px;
	}
}
.banner-box__link:hover {
	opacity: .8;
	color: initial;
}

.banner-box__title {
	display: inline-block;

	letter-spacing: -.03em;

	color: #26b57d;
}
.banner-box__date {
	display: inline-block;
}

.banner-box__link:hover .banner-box__date {
	opacity: .8;
}
.banner-box__text--small {
	font-size: 16px;
}

.banner-box__cta {
	font-size: 20px;

	display: inline-block;

	padding: 2px 8px;

	color: #0077c6;
	border: 1px solid #0077c6;
}
@media screen and (min-width: 640px) {
	.banner-box__cta {
		font-size: 14px;
	}
}