.customer-push-panel {
	display: grid;
	gap: 16px;
}

.customer-push-heading,
.customer-push-actions,
.customer-push-devices li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.customer-push-heading h2,
.customer-push-heading p {
	margin: 0;
}

.customer-push-heading p,
.customer-push-devices small,
.customer-push-unavailable {
	color: #626b73;
}

.customer-push-state {
	font-weight: 600;
	white-space: nowrap;
}

.customer-push-actions {
	align-items: flex-start;
	flex-wrap: wrap;
}

.customer-push-actions button,
.customer-push-devices button {
	min-height: 44px;
	border: 1px solid #c84b31;
	background: #fff;
	color: #a5321e;
	cursor: pointer;
	padding: 9px 14px;
}

.customer-push-actions button {
	background: #b84027;
	color: #fff;
}

.customer-push-actions button:disabled,
.customer-push-devices button:disabled {
	cursor: wait;
	opacity: .6;
}

.customer-push-feedback {
	min-height: 24px;
	color: #23683d;
}

.customer-push-feedback.is-error {
	color: #a32323;
}

.customer-push-devices {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.customer-push-devices li {
	border-top: 1px solid #dde1e5;
	padding-top: 10px;
}

.customer-push-devices span,
.customer-push-devices small {
	display: block;
}

@media (max-width: 640px) {
	.customer-push-heading,
	.customer-push-devices li {
		align-items: stretch;
		flex-direction: column;
	}

	.customer-push-state {
		white-space: normal;
	}
}