/* Border Radii */

	.border-radius-5px {
		border-radius: 5px !important;
	}

	.border-radius-10px {
		border-radius: 10px !important;
	}

	.border-radius-15px {
		border-radius: 15px !important;
	}

	.border-radius-12px {
		border-radius: 12px !important;
	}

	/* Backgrounds */

	.blur-bkg {
		background-color: rgba(255,255,255,0.125);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	.iridescent-bkg {

		background:
			radial-gradient(circle at 15% 20%, rgb(255 210 240 / 14%), transparent 28%), 
			radial-gradient(circle at 85% 25%, rgba(210, 235, 255, 0.45), transparent 30%), 
			radial-gradient(circle at 20% 85%, rgb(210 255 240 / 11%), transparent 32%), 
			radial-gradient(circle at 80% 80%, rgba(255, 245, 200, 0.45), transparent 30%), 
			linear-gradient(135deg, #ffffff 0%, #fbfbff 45%, #ffffff 100%);
	}

	.iridescent-bkg-strong {

		background:
			radial-gradient(circle at 15% 20%, rgba(255, 210, 240, 0.85), transparent 48%),
			radial-gradient(circle at 85% 25%, rgba(210, 235, 255, 0.85), transparent 60%),
			radial-gradient(circle at 20% 85%, rgba(210, 255, 240, 0.82), transparent 62%),
			radial-gradient(circle at 80% 80%, rgba(255, 245, 200, 0.85), transparent 60%),
			linear-gradient(135deg, #ffffff 0%, #fbfbff 45%, #ffffff 100%);
	}

	/* Buttons  */

	.iridescent-btn {
		position: relative;
		border: 1px solid transparent;
		border-radius: 0.4rem;

		background:
			linear-gradient(
				rgba(255,255,255,0.92),
				rgba(255,255,255,0.88)
			) padding-box,

			linear-gradient(
				135deg,
				rgba(255, 180, 220, 0.25),
				rgba(180, 220, 255, 0.25),
				rgba(200, 255, 230, 0.25),
				rgba(255, 245, 180, 0.25),
				rgba(255, 180, 220, 0.25)
			) border-box;

		color: #222;
		backdrop-filter: blur(12px);

		box-shadow:
			0 4px 20px rgba(0,0,0,0.08),
			0 0 18px rgba(255,255,255,0.7),
			inset 0 1px 1px rgba(255,255,255,0.9);

		transition:
			transform 0.18s ease,
			box-shadow 0.18s ease,
			filter 0.18s ease;
	}

	.iridescent-btn:hover {

		filter: brightness(1.02);
	}


	.iridescent-btn:focus {
		outline: none;
		box-shadow:
			0 0 0 0.25rem rgba(200,220,255,0.35),
			0 8px 28px rgba(0,0,0,0.12);
	}

	.iridescent-alt-btn {
		position: relative;
		border: 1px solid #0000000f;
		border-radius: 0.4rem;

		background-color: #ececec;

		color: #222;
		backdrop-filter: blur(12px);

		box-shadow:
			0 4px 20px rgba(0,0,0,0.08),
			0 0 18px rgba(255,255,255,0.7),
			inset 0 1px 1px rgba(255,255,255,0.9);

		transition:
			transform 0.18s ease,
			box-shadow 0.18s ease,
			filter 0.18s ease;
	}

	.iridescent-alt-btn:hover {

		filter: brightness(1.02);
	}

	.iridescent-alt-btn:focus {
		outline: none;
		box-shadow:
			0 0 0 0.25rem rgba(200,220,255,0.35),
			0 8px 28px rgba(0,0,0,0.12);
	}





	.opacity-ease-in-v2 {
	    opacity: 0;
    	transition: opacity 0.15s ease-in;
	}

	.opacity-ease-in-v2.show-this {
	    opacity: 1;
	    transition: opacity 0.15s ease-in;
	}


	/* Dark Iridescence */

	.iridescent-dark-btn {
		background:
			linear-gradient(
				135deg,
				#1e1f22 0%,
				#2a2c31 22%,
				#34373d 48%,
				#2c2f35 72%,
				#1b1c1f 100%
			);

		border: 1px solid rgba(255,255,255,0.08);

		color: #f5f5f5;

		box-shadow:
			0 2px 10px rgba(0,0,0,0.35),
			inset 0 1px 1px rgba(255,255,255,0.04);

		position: relative;
		overflow: hidden;

		backdrop-filter: blur(6px);

		transition:
			transform 0.18s ease,
			box-shadow 0.18s ease,
			filter 0.18s ease;
	}

	.iridescent-dark-btn::before {
		content: "";

		position: absolute;
		inset: 0;

		background:
			linear-gradient(
				115deg,
				rgba(120,180,255,0.06),
				rgba(255,140,220,0.04),
				rgba(120,255,220,0.05),
				rgba(255,255,255,0.02)
			);

		mix-blend-mode: screen;
		pointer-events: none;
	}

	.iridescent-dark-btn:hover {

		filter: brightness(1.05);
	}

	.iridescent-dark-btn:active {
		filter: brightness(0.98);
	}

	.iridescent-dark-btn:focus {
		color: #fff;
	}