/* Button Components */
.input-group button {
	padding: 1.2rem 2.4rem;
	background: var(--primary);
	color: white;
	border: none;
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-base);
	font-weight: 600;
	cursor: pointer;
	transition: all var(--transition-normal);
	white-space: nowrap;
}

.input-group button:hover {
	background: var(--primary-hover);
	box-shadow: 0 4px 12px rgba(255, 105, 180, 0.3);
}

.discord-button {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	padding: 1.4rem 2.8rem;
	background: #5865f2;
	color: white;
	text-decoration: none;
	border-radius: var(--border-radius-md);
	font-size: var(--font-size-base);
	font-weight: 600;
	transition: all var(--transition-normal);
	white-space: nowrap;
}

.discord-button:hover {
	background: #4752c4;
	color: white;
	box-shadow: 0 0 12px rgba(88, 101, 242, 0.3);
}

.discord-button.coming-soon {
	color: white;
	background: #6c757d;
	cursor: default;
	opacity: 0.8;
	pointer-events: none;
}

.discord-button.coming-soon:hover {
	background: #6c757d;
	cursor: default;
	opacity: 0.8;
	pointer-events: none;
	box-shadow: none;
}

.discord-button svg {
	width: 20px;
	height: 20px;
}