dialog.co-announcement {
	max-width: 600px;
	width: calc(100% - 2em);
	padding: 20px;
	border: none;
	border-radius: 8px;
	background: #fff;
	color: #333;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

dialog.co-announcement::backdrop {
	background: rgba(0, 0, 0, 0.75);
}

dialog.co-announcement h2,
dialog.co-announcement h3 {
	color: #FFF;
	font-size: 1.3em;
}

dialog.co-announcement h3 {
	color: #333;
}

.co-announcement__header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
	padding: 16px;
	margin: 0 0 20px;
	background: #333;
}

.co-announcement__header img {
	width: 80px;
	height: auto;
}

.co-announcement__header h2 {
	margin: 0;
	font-size: 1.6em;
	color: #fff;
}

.co-announcement__actions {
	margin: 2em;
	text-align: right;
}