.event-details {
	padding: 24px 0 48px;
}
.event-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
	border: 1.3px solid var(--ink);
	padding: 28px 32px;
	background: var(--paper);
}
.event-col {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.event-label {
	font-family: 'Fraunces', serif;
	font-size: 17px;
	color: var(--ink);
	font-weight: 700;
}
.event-address {
	color: var(--teal);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-size: 15.5px;
}
.event-address:hover {
	color: var(--gold-dark);
}
.event-date {
	font-size: 15.5px;
	color: var(--charcoal);
}
.event-btn {
	background: var(--ink);
	border-color: var(--ink);
	color: var(--cream);
	border-radius: 999px;
	padding: 14px 28px;
	flex-shrink: 0;
	margin-right: auto; /* pins button to the visual "end" in an LTR flex row alongside the RTL-safe address/date columns */
}
.event-btn:hover {
	background: var(--ink-soft);
	border-color: var(--ink-soft);
}

@media (max-width: 700px) {
	.event-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.event-btn {
		width: 100%;
		text-align: center;
		justify-content: center;
		margin-right: 0;
	}
}