.notice {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 2px solid var(--color-bg-blue);
	border-bottom: 2px solid var(--color-bg-blue);
	position: relative;

	.notice-label,
	.notice-content * {
		font-family: var(--font__sans-serif);
	}

	.notice-label {
		background: var(--sidebar-bg);
		line-height: 1;
		padding: 0.5rem 1rem;
		transform: translateY(-50%);
		font-weight: 700;
		text-transform: uppercase;
	}

	.notice-content {
		padding: 0 1rem 2rem;
		* {
			font-size: calc(var(--font-size__base) + 2px);
			text-align: center;

			&:last-child,
			&:last-of-type {
				margin-bottom: 0;
			}
		}
	}
}