.rwx-twitch-card {
	margin: 28px 0;
	padding: 22px;
	border: 1px solid rgba(145, 70, 255, .36);
	border-radius: 16px;
	background: linear-gradient(145deg, #100c18, #1b1230 58%, #261448);
	color: #fff;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.rwx-twitch-card__brand {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.rwx-twitch-card h3 {
	margin: 0 0 8px;
	color: #fff;
	letter-spacing: .05em;
}

.rwx-twitch-card p {
	color: #e9e2f7;
}

.rwx-twitch-icon {
	display: inline-grid;
	place-items: center;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: #9146ff;
	color: #fff;
	font-weight: 900;
	font-size: 28px;
	line-height: 1;
}

.rwx-twitch-button,
.woocommerce .rwx-twitch-button {
	margin-top: 8px !important;
	padding: 12px 20px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #9146ff !important;
	color: #fff !important;
	font-weight: 800 !important;
	letter-spacing: .03em;
	cursor: pointer;
}

.rwx-twitch-button:hover,
.woocommerce .rwx-twitch-button:hover {
	background: #7a35de !important;
	color: #fff !important;
}

.rwx-twitch-button--secondary,
.woocommerce .rwx-twitch-button--secondary {
	background: #36284d !important;
}

.rwx-twitch-connected {
	margin: 18px 0 8px;
	font-weight: 700;
	color: #a6f4c5 !important;
}

.rwx-twitch-note {
	margin-top: 14px;
	font-size: .88rem;
	opacity: .82;
}

.rwx-twitch-message {
	margin: 16px 0;
	padding: 12px 14px;
	border-radius: 10px;
	background: rgba(255,255,255,.08);
}

.rwx-twitch-message--success { border-left: 4px solid #32d583; }
.rwx-twitch-message--error { border-left: 4px solid #f97066; }
.rwx-twitch-message--info,
.rwx-twitch-message--warning { border-left: 4px solid #fdb022; }

@media (max-width: 600px) {
	.rwx-twitch-card { padding: 18px; }
	.rwx-twitch-card__brand { gap: 12px; }
	.rwx-twitch-icon { flex-basis: 44px; width: 44px; height: 44px; font-size: 23px; }
}