.gbdi-wrap { display: inline-block; }
.gbdi-form { margin: 0; }
.gbdi-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.gbdi-btn.button {
	display: inline-flex; align-items: center; gap: 10px;
	background: #5865F2; color: #fff; border: 0; border-radius: 6px;
	padding: 12px 22px; font-weight: 600; cursor: pointer; text-transform: none;
	transition: background .15s ease, transform .1s ease;
}
.gbdi-btn.button:hover { background: #4752c4; color: #fff; }
.gbdi-btn.button:active { transform: translateY(1px); }
.gbdi-btn.is-loading { opacity: .7; pointer-events: none; }
.gbdi-icon { flex: 0 0 auto; }
.gbdi-msg { margin: 8px 0 0; font-size: .9em; min-height: 1em; }
.gbdi-turnstile { margin-top: 10px; }

/* Icon-only mode for headers: [grimbits_discord icon="true"] */
.gbdi-icon-only { position: relative; vertical-align: middle; }
.gbdi-icon-only .gbdi-btn {
	background: none; border: 0; padding: 0 .5em; margin: 0; cursor: pointer;
	color: inherit; line-height: 1; display: inline-flex; align-items: center; box-shadow: none;
	opacity: .85; transition: opacity .15s ease, color .15s ease;
}
.gbdi-icon-only .gbdi-btn:hover { opacity: 1; color: #5865F2; background: none; }
.gbdi-icon-only .gbdi-btn.is-loading { opacity: .5; }
.gbdi-icon-only .gbdi-msg {
	position: absolute; top: 100%; right: 0; z-index: 50; margin: 4px 0 0; padding: 6px 10px;
	background: #fff; color: #333; border: 1px solid #ddd; border-radius: 4px;
	font-size: 12px; line-height: 1.3; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.gbdi-icon-only .gbdi-msg:empty { display: none; }