/* Trailer Button with Particles */
.trailer-btn-wrapper {
	position: relative;
	display: inline-block;
}

.trailer-btn {
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);
}

.trailer-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #F2B90F, #D90707);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: -1;
}

.trailer-btn:hover::before {
	opacity: 1;
}

.trailer-btn:hover {
	color: white;
}

/* Particles */
.particle {
	position: absolute;
	width: 8px;
	height: 8px;
	background: radial-gradient(circle, rgba(242, 185, 15, 1), rgba(217, 7, 7, 0.8));
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(242, 185, 15, 0.8), 0 0 30px rgba(217, 7, 7, 0.5);
	animation: orbit 4s linear infinite;
	pointer-events: none;
}

.particle-1 {
	top: 50%;
	left: 50%;
	animation-delay: 0s;
}

.particle-2 {
	top: 50%;
	left: 50%;
	animation-delay: 1s;
}

.particle-3 {
	top: 50%;
	left: 50%;
	animation-delay: 2s;
}

.particle-4 {
	top: 50%;
	left: 50%;
	animation-delay: 3s;
}

@keyframes orbit {
	0% {
		transform: translate(-50%, -50%) rotate(0deg) translateX(80px) rotate(0deg);
		opacity: 1;
	}

	25% {
		opacity: 0.8;
	}

	50% {
		transform: translate(-50%, -50%) rotate(180deg) translateX(80px) rotate(-180deg);
		opacity: 1;
	}

	75% {
		opacity: 0.6;
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg) translateX(80px) rotate(-360deg);
		opacity: 1;
	}
}