.event-datetime-badge {
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	max-height: 200px;
	max-width: 200px;
	line-height: 1.1;
	text-transform: uppercase;
}

.event-datetime-badge__primary,
.event-datetime-badge__secondary,
.event-datetime-badge__tertiary {
	display: block;
}

.event-datetime-badge__hr {
	background: none;
	border-style: dotted;
	border-width: 2px 0 0 0;
	color: inherit;
	display: block;
	margin: var( --wdg-gap-2xsmall ) auto;
	max-width: 50px;
	width: 100%;
}

.event-datetime-badge--start,
.event-datetime-badge--end {
	.event-datetime-badge__primary {
		font-size: var( --wdg-font-size-small );
	}

	.event-datetime-badge__secondary {
		font-size: calc( var( --wdg-font-size-2xlarge ) );
	}
}