/* Discord join overlay */

	#discord-cta {
		position: fixed;
		right: 1.5rem;
		bottom: 1.5rem;
		z-index: 9999;
		width: auto;
		max-width: calc(100% - 3rem);
	}

	#discord-cta .discord-box {
		background-color: rgba(15, 17, 20, 0.92);
		border: 1px solid rgba(255, 255, 255, 0.35);
		border-radius: 999px;
		padding: 0.9em 1.75em;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	}

	#discord-cta .discord-box-link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.85em;
		text-decoration: none;
		border-bottom: none;
		white-space: nowrap;
	}

	#discord-cta .discord-icon {
		display: inline-block;
		font-size: 1.75rem;
		color: #7d8dfa;
		flex: 0 0 auto;
	}

	#discord-cta .discord-icon:before {
		line-height: 1;
	}

	#discord-cta .discord-label {
		display: inline-block;
		font-size: 0.7rem;
		font-weight: 300;
		letter-spacing: 0.25rem;
		text-transform: uppercase;
		color: #ffffff;
	}

	/* Tablet */
	@media screen and (max-width: 980px) {
		#discord-cta {
			right: 1rem;
			bottom: 1rem;
		}

		#discord-cta .discord-box {
			padding: 0.75em 1.4em;
		}

		#discord-cta .discord-box-link {
			gap: 0.75em;
		}

		#discord-cta .discord-icon {
			font-size: 1.5rem;
		}

		#discord-cta .discord-label {
			font-size: 0.6rem;
			letter-spacing: 0.15rem;
		}
	}

	/* Mobile */
	@media screen and (max-width: 480px) {
		#discord-cta {
			right: 0.75rem;
			bottom: 0.75rem;
		}

		#discord-cta .discord-box {
			padding: 0.6em 1.1em;
		}

		#discord-cta .discord-box-link {
			gap: 0.5em;
		}

		#discord-cta .discord-icon {
			font-size: 1.25rem;
		}

		#discord-cta .discord-label {
			font-size: 0.5rem;
			letter-spacing: 0.1rem;
		}
	}