.site-alerts {
	display: grid;
    grid-template-areas: "alert";
}

.site-alerts .alert {
	grid-area: alert;

	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;

	a {
		font-weight: 700;
	}
}

.site-alerts__alert-content {
	*:last-child {
		margin-bottom: 0;
	}
}

.site-alerts .alert-inner {
	display: grid;
	grid-template-columns: min-content auto 40px;
	gap: 20px;
}

.alert-success {
	--alert-link-color: #3c763d;
}

.alert-info {
	--alert-link-color: #015696;
}

.alert-warning {
	--alert-link-color: #8a6d3b;
}

.alert-danger {
	--alert-link-color: #a94442;
}

.alert.alert-primary {
	background-color: var(--brand-primary);
	color: #fff;

	--alert-link-color: #fff;
}

.site-alerts .alert a:not(.btn) {
	color: var(--alert-link-color);
}

.site-alerts .alert .flexi-item-edit {
	background: transparent;
	padding: 0;
	margin-left: 5px;
	vertical-align: middle;
	color: var(--alert-link-color);
}

.site-alerts .alert h1,
.site-alerts .alert h2,
.site-alerts .alert h3,
.site-alerts .alert h4,
.site-alerts .alert h5,
.site-alerts .alert h6 {
	color: var(--alert-link-color);
}