.fire-container {
		z-index: 8888;
    position: absolute;
	}
	.fire {
		font-size: 12px;
		margin: 3em auto 0 auto;
		position: relative;
		z-index: 8888;
	}

	.particle {
		animation: rise 1s ease-in infinite;
		background-image: radial-gradient(rgb(255,80,0) 20% , rgba(255,80,0,0) 70%);
		border-radius: 50%;
		mix-blend-mode: screen;
		opacity: 0;
		position: absolute;
		bottom: 0;
		width: 5em;
		height: 5em;
	}


  .product-badges .fire-container{
    z-index: 0;
    top: 20px;
  }


	@keyframes rise {
		0% {
			opacity: 0;
			transform: translateY(0) scale(1);
		}
		25% {
			opacity: 1;
		}
		85% {
			opacity: 0;
		}
		100% {
			opacity: 0;
			transform: translateY(-10em) scale(0);
		}
	}


			.particle:nth-of-type(1) {
			animation-delay: 0.45s;
			left: calc(100% - 0em);
		}
			.particle:nth-of-type(2) {
			animation-delay: 0.66s;
			left: calc(100% - 0.05em);
		}
			.particle:nth-of-type(3) {
			animation-delay: 0.96s;
			left: calc(100% - 0.1em);
		}
			.particle:nth-of-type(4) {
			animation-delay: 0.5s;
			left: calc(100% - 0.15em);
		}
			.particle:nth-of-type(5) {
			animation-delay: 0.5s;
			left: calc(100% - 0.2em);
		}
			.particle:nth-of-type(6) {
			animation-delay: 0.46s;
			left: calc(100% - 0.25em);
		}
			.particle:nth-of-type(7) {
			animation-delay: 0.92s;
			left: calc(100% - 0.3em);
		}
			.particle:nth-of-type(8) {
			animation-delay: 0.55s;
			left: calc(100% - 0.35em);
		}
			.particle:nth-of-type(9) {
			animation-delay: 0.28s;
			left: calc(100% - 0.4em);
		}
			.particle:nth-of-type(10) {
			animation-delay: 0.69s;
			left: calc(100% - 0.45em);
		}
			.particle:nth-of-type(11) {
			animation-delay: 0.03s;
			left: calc(100% - 0.5em);
		}
			.particle:nth-of-type(12) {
			animation-delay: 0.32s;
			left: calc(100% - 0.55em);
		}
			.particle:nth-of-type(13) {
			animation-delay: 0.49s;
			left: calc(100% - 0.6em);
		}
			.particle:nth-of-type(14) {
			animation-delay: 0.26s;
			left: calc(100% - 0.65em);
		}
			.particle:nth-of-type(15) {
			animation-delay: 0.5s;
			left: calc(100% - 0.7em);
		}
			.particle:nth-of-type(16) {
			animation-delay: 0.14s;
			left: calc(100% - 0.75em);
		}
			.particle:nth-of-type(17) {
			animation-delay: 0.58s;
			left: calc(100% - 0.8em);
		}
			.particle:nth-of-type(18) {
			animation-delay: 0.38s;
			left: calc(100% - 0.85em);
		}
			.particle:nth-of-type(19) {
			animation-delay: 0.2s;
			left: calc(100% - 0.9em);
		}
			.particle:nth-of-type(20) {
			animation-delay: 0.64s;
			left: calc(100% - 0.95em);
		}
			.particle:nth-of-type(21) {
			animation-delay: 0.41s;
			left: calc(100% - 1em);
		}
			.particle:nth-of-type(22) {
			animation-delay: 0.06s;
			left: calc(100% - 1.05em);
		}
			.particle:nth-of-type(23) {
			animation-delay: 0.82s;
			left: calc(100% - 1.1em);
		}
			.particle:nth-of-type(24) {
			animation-delay: 0.89s;
			left: calc(100% - 1.15em);
		}
			.particle:nth-of-type(25) {
			animation-delay: 0.79s;
			left: calc(100% - 1.2em);
		}
			.particle:nth-of-type(26) {
			animation-delay: 0.09s;
			left: calc(100% - 1.25em);
		}
			.particle:nth-of-type(27) {
			animation-delay: 0.57s;
			left: calc(100% - 1.3em);
		}
			.particle:nth-of-type(28) {
			animation-delay: 0.15s;
			left: calc(100% - 1.35em);
		}
			.particle:nth-of-type(29) {
			animation-delay: 0.56s;
			left: calc(100% - 1.4em);
		}
			.particle:nth-of-type(30) {
			animation-delay: 0.67s;
			left: calc(100% - 1.45em);
		}
			.particle:nth-of-type(31) {
			animation-delay: 0.07s;
			left: calc(100% - 1.5em);
		}
			.particle:nth-of-type(32) {
			animation-delay: 0.53s;
			left: calc(100% - 1.55em);
		}
			.particle:nth-of-type(33) {
			animation-delay: 0.87s;
			left: calc(100% - 1.6em);
		}
			.particle:nth-of-type(34) {
			animation-delay: 0.95s;
			left: calc(100% - 1.65em);
		}
			.particle:nth-of-type(35) {
			animation-delay: 0.59s;
			left: calc(100% - 1.7em);
		}
			.particle:nth-of-type(36) {
			animation-delay: 0.68s;
			left: calc(100% - 1.75em);
		}
			.particle:nth-of-type(37) {
			animation-delay: 0.41s;
			left: calc(100% - 1.8em);
		}
			.particle:nth-of-type(38) {
			animation-delay: 0.99s;
			left: calc(100% - 1.85em);
		}
			.particle:nth-of-type(39) {
			animation-delay: 0.61s;
			left: calc(100% - 1.9em);
		}
			.particle:nth-of-type(40) {
			animation-delay: 0.69s;
			left: calc(100% - 1.95em);
		}
			.particle:nth-of-type(41) {
			animation-delay: 0.14s;
			left: calc(100% - 2em);
		}
			.particle:nth-of-type(42) {
			animation-delay: 0.38s;
			left: calc(100% - 2.05em);
		}
			.particle:nth-of-type(43) {
			animation-delay: 0.52s;
			left: calc(100% - 2.1em);
		}
			.particle:nth-of-type(44) {
			animation-delay: 0.54s;
			left: calc(100% - 2.15em);
		}
			.particle:nth-of-type(45) {
			animation-delay: 0.97s;
			left: calc(100% - 2.2em);
		}
			.particle:nth-of-type(46) {
			animation-delay: 0.36s;
			left: calc(100% - 2.25em);
		}
			.particle:nth-of-type(47) {
			animation-delay: 0.05s;
			left: calc(100% - 2.3em);
		}
			.particle:nth-of-type(48) {
			animation-delay: 0.1s;
			left: calc(100% - 2.35em);
		}
			.particle:nth-of-type(49) {
			animation-delay: 0.82s;
			left: calc(100% - 2.4em);
		}
			.particle:nth-of-type(50) {
			animation-delay: 0.6s;
			left: calc(100% - 2.45em);
		}
			.particle:nth-of-type(51) {
			animation-delay: 0.54s;
			left: calc(100% - 2.5em);
		}
			.particle:nth-of-type(52) {
			animation-delay: 0.07s;
			left: calc(100% - 2.55em);
		}
			.particle:nth-of-type(53) {
			animation-delay: 0.18s;
			left: calc(100% - 2.6em);
		}
			.particle:nth-of-type(54) {
			animation-delay: 0.57s;
			left: calc(100% - 2.65em);
		}
			.particle:nth-of-type(55) {
			animation-delay: 0.68s;
			left: calc(100% - 2.7em);
		}
			.particle:nth-of-type(56) {
			animation-delay: 0.21s;
			left: calc(100% - 2.75em);
		}
			.particle:nth-of-type(57) {
			animation-delay: 0.16s;
			left: calc(100% - 2.8em);
		}
			.particle:nth-of-type(58) {
			animation-delay: 0.7s;
			left: calc(100% - 2.85em);
		}
			.particle:nth-of-type(59) {
			animation-delay: 0.41s;
			left: calc(100% - 2.9em);
		}
			.particle:nth-of-type(60) {
			animation-delay: 0.46s;
			left: calc(100% - 2.95em);
		}
			.particle:nth-of-type(61) {
			animation-delay: 0.32s;
			left: calc(100% - 3em);
		}
			.particle:nth-of-type(62) {
			animation-delay: 0.25s;
			left: calc(100% - 3.05em);
		}
			.particle:nth-of-type(63) {
			animation-delay: 0.48s;
			left: calc(100% - 3.1em);
		}
			.particle:nth-of-type(64) {
			animation-delay: 0.81s;
			left: calc(100% - 3.15em);
		}
			.particle:nth-of-type(65) {
			animation-delay: 0.04s;
			left: calc(100% - 3.2em);
		}
			.particle:nth-of-type(66) {
			animation-delay: 0.48s;
			left: calc(100% - 3.25em);
		}
			.particle:nth-of-type(67) {
			animation-delay: 0.46s;
			left: calc(100% - 3.3em);
		}
			.particle:nth-of-type(68) {
			animation-delay: 0.78s;
			left: calc(100% - 3.35em);
		}
			.particle:nth-of-type(69) {
			animation-delay: 0.98s;
			left: calc(100% - 3.4em);
		}
			.particle:nth-of-type(70) {
			animation-delay: 0.82s;
			left: calc(100% - 3.45em);
		}
			.particle:nth-of-type(71) {
			animation-delay: 0.71s;
			left: calc(100% - 3.5em);
		}
			.particle:nth-of-type(72) {
			animation-delay: 0.31s;
			left: calc(100% - 3.55em);
		}
			.particle:nth-of-type(73) {
			animation-delay: 0.03s;
			left: calc(100% - 3.6em);
		}
			.particle:nth-of-type(74) {
			animation-delay: 0.67s;
			left: calc(100% - 3.65em);
		}
			.particle:nth-of-type(75) {
			animation-delay: 0.2s;
			left: calc(100% - 3.7em);
		}
			.particle:nth-of-type(76) {
			animation-delay: 0.83s;
			left: calc(100% - 3.75em);
		}
			.particle:nth-of-type(77) {
			animation-delay: 0.37s;
			left: calc(100% - 3.8em);
		}
			.particle:nth-of-type(78) {
			animation-delay: 0.55s;
			left: calc(100% - 3.85em);
		}
			.particle:nth-of-type(79) {
			animation-delay: 0.44s;
			left: calc(100% - 3.9em);
		}
			.particle:nth-of-type(80) {
			animation-delay: 0.89s;
			left: calc(100% - 3.95em);
		}
			.particle:nth-of-type(81) {
			animation-delay: 0.82s;
			left: calc(100% - 4em);
		}
			.particle:nth-of-type(82) {
			animation-delay: 0.91s;
			left: calc(100% - 4.05em);
		}
			.particle:nth-of-type(83) {
			animation-delay: 0.84s;
			left: calc(100% - 4.1em);
		}
			.particle:nth-of-type(84) {
			animation-delay: 0.26s;
			left: calc(100% - 4.15em);
		}
			.particle:nth-of-type(85) {
			animation-delay: 0.63s;
			left: calc(100% - 4.2em);
		}
			.particle:nth-of-type(86) {
			animation-delay: 0.83s;
			left: calc(100% - 4.25em);
		}
			.particle:nth-of-type(87) {
			animation-delay: 0.8s;
			left: calc(100% - 4.3em);
		}
			.particle:nth-of-type(88) {
			animation-delay: 0.76s;
			left: calc(100% - 4.35em);
		}
			.particle:nth-of-type(89) {
			animation-delay: 0.63s;
			left: calc(100% - 4.4em);
		}
			.particle:nth-of-type(90) {
			animation-delay: 0.54s;
			left: calc(100% - 4.45em);
		}
			.particle:nth-of-type(91) {
			animation-delay: 0.35s;
			left: calc(100% - 4.5em);
		}
			.particle:nth-of-type(92) {
			animation-delay: 0.98s;
			left: calc(100% - 4.55em);
		}
			.particle:nth-of-type(93) {
			animation-delay: 0.02s;
			left: calc(100% - 4.6em);
		}
			.particle:nth-of-type(94) {
			animation-delay: 0.38s;
			left: calc(100% - 4.65em);
		}
			.particle:nth-of-type(95) {
			animation-delay: 0.99s;
			left: calc(100% - 4.7em);
		}
			.particle:nth-of-type(96) {
			animation-delay: 0.13s;
			left: calc(100% - 4.75em);
		}
			.particle:nth-of-type(97) {
			animation-delay: 0.33s;
			left: calc(100% - 4.8em);
		}
			.particle:nth-of-type(98) {
			animation-delay: 0.9s;
			left: calc(100% - 4.85em);
		}
			.particle:nth-of-type(99) {
			animation-delay: 0.4s;
			left: calc(100% - 4.9em);
		}
			.particle:nth-of-type(100) {
			animation-delay: 0.07s;
			left: calc(100% - 4.95em);
		}