.pk-component.sidebar-event {
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1 * var(--su)));
	padding: max(1.5rem, calc(1.5 * var(--su)));
	background-color: var(--white-100);
}

.pk-component.sidebar-event .date {
	margin: 0;
	color: var(--primary-100);
}

.pk-component.sidebar-event hr {
	width: 100%;
	height: 1px;
	margin: 0;
	border: none;
	background-color: var(--primary-10);
}

.pk-component.sidebar-event .address {
	color: var(--primary-100);
	font-weight: 500;
}

.pk-component.sidebar-event .good-to-know {
	padding: max(1rem, calc(1 * var(--su)));
	background-color: var(--neutral-30);
	font-size: var(--body-xs-regular);
}

.pk-component.sidebar-event .good-to-know p {
	margin: 0;
	color: var(--primary-100);
}

.pk-component.sidebar-event .pk-button {
	width: 100%;
}
