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

.pk-component.sidebar-location .title {
	margin: max(.5rem, calc(.5 * var(--su))) 0 0 0;
}

.pk-component.sidebar-location .address {
	color: var(--primary-100);
}

.pk-component.sidebar-location .opening-hours {
	margin: 0;
	color: var(--primary-100);
}

.pk-component.sidebar-location hr {
	width: 100%;
	height: 1px;
	margin-block: max(.5rem, calc(.5 * var(--su)));
	border: none;
	background-color: var(--primary-10);
}

.pk-component.sidebar-location .phone {
	display: flex;
	align-items: center;
	gap: max(.75rem, calc(.75 * var(--su)));
	color: var(--primary-100);
	text-decoration: none;
	margin-bottom: max(1rem, calc(1 * var(--su)));
}

.pk-component.sidebar-location .phone .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: max(2.5rem, calc(2.5 * var(--su)));
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--accent-100);
	color: var(--white-100);
	outline: 1px solid var(--accent-80);
	outline-offset: -1px;
}

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