#home-cta-primary:after {
	content: url('/wp-content/themes/mouseflow/assets/images/winter/book-a-demo-cta-snow.svg');
	position: absolute;
	top: -13px;
	left: 0;
}
#home-cta-secondary:after {
	content: url('/wp-content/themes/mouseflow/assets/images/winter/try-for-free-home-page-cta-snow.svg');
	position: absolute;
	top: -17px;
	left: 0;
}
#menu-cta-button:after {
	content: url('/wp-content/themes/mouseflow/assets/images/winter/try-for-free-menu-cta-snow.svg');
	position: absolute;
	top: -10px;
	left: -3px;
}
header .ghost-2 {
	position: relative;
}
header .ghost-2:before {
	content: url('/wp-content/themes/mouseflow/assets/images/winter/snowman_menu.svg');
	left: 17px;
  bottom: -6px;
  position: absolute;
  transition: all .3s ease-in-out;
}
.primary-button-ghost-container,
.secondary-button-ghost-container {
	position: relative;
}
.primary-button-ghost-container:before {
	content: url('/wp-content/themes/mouseflow/assets/images/winter/snowman_home_book-a-demo.svg');
	position: absolute;
	left: 100px;
	top: -3px;
	transition: all .3s ease-in-out;
}
.secondary-button-ghost-container:before {
	content: url('/wp-content/themes/mouseflow/assets/images/winter/snowman_home_try-for-free.svg');
	position: absolute;
	left: 0;
  top: 0px;
	transition: all .3s ease-in-out;
}

@media screen and (hover: hover) {
	.ghost-2:hover:before {
		top: -25px;
	}
	.primary-button-ghost-container:hover:before {
		top: -40px;
		left: 100px;
	}
	.secondary-button-ghost-container:hover:before {
		left: 192px;
	}
}
@media screen and (min-width: 992px) {
  .page-template-page-front .main-content-default {
    position: relative;
    overflow: hidden;
  }

  .snow {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .flake {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background-image: linear-gradient(180deg, rgba(247, 249, 252, 0) 30%, #66A7FD 50%, #66A7FD 60%, rgba(247, 249, 252, 0) 60%), 
                      linear-gradient(90deg, rgba(247, 249, 252, 0) 30%, #66A7FD 50%, #66A7FD 60%, rgba(247, 249, 252, 0) 60%), 
                      linear-gradient(45deg, rgba(247, 249, 252, 0) 33%, #66A7FD 53%, #66A7FD 57%, rgba(247, 249, 252, 0) 65%), 
                      linear-gradient(135deg, rgba(247, 249, 252, 0) 33%, #66A7FD 53%, #66A7FD 57%, rgba(247, 249, 252, 0) 65%);
    background-size: 100%;
    width: var(--s, 12px);
    height: var(--s, 12px);
    left: var(--x);
    top: var(--t, -300px);
    opacity: var(--o, 0.75);
    filter: blur(var(--b, 3px));
    animation: flakes var(--d, 40s) linear infinite;
  }

  .dark-theme .flake {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, #ffffff 50%, #ffffff 60%, rgba(255, 255, 255, 0) 60%), 
                      linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, #ffffff 50%, #ffffff 60%, rgba(255, 255, 255, 0) 60%), 
                      linear-gradient(45deg, rgba(255, 255, 255, 0) 33%, #ffffff 53%, #ffffff 57%, rgba(255, 255, 255, 0) 65%), 
                      linear-gradient(135deg, rgba(255, 255, 255, 0) 33%, #ffffff 53%, #ffffff 57%, rgba(255, 255, 255, 0) 65%);
  }

  /* Size - 5n pattern */
  .flake:nth-child(5n+1) { --s: 7px; }
  .flake:nth-child(5n+2) { --s: 12px; }
  .flake:nth-child(5n+3) { --s: 16px; }
  .flake:nth-child(5n+4) { --s: 10px; }
  .flake:nth-child(5n+5) { --s: 19px; }

  /* Opacity - 7n pattern */
  .flake:nth-child(7n+1) { --o: 0.55; }
  .flake:nth-child(7n+2) { --o: 0.7; }
  .flake:nth-child(7n+3) { --o: 0.85; }
  .flake:nth-child(7n+4) { --o: 0.6; }
  .flake:nth-child(7n+5) { --o: 0.95; }
  .flake:nth-child(7n+6) { --o: 0.75; }
  .flake:nth-child(7n+7) { --o: 0.65; }

  /* Blur - 2n pattern */
  .flake:nth-child(2n+1) { --b: 3px; }
  .flake:nth-child(2n+2) { --b: 4px; }

  /* Duration - 11n pattern */
  .flake:nth-child(11n+1) { --d: 20s; }
  .flake:nth-child(11n+2) { --d: 35s; }
  .flake:nth-child(11n+3) { --d: 28s; }
  .flake:nth-child(11n+4) { --d: 50s; }
  .flake:nth-child(11n+5) { --d: 24s; }
  .flake:nth-child(11n+6) { --d: 42s; }
  .flake:nth-child(11n+7) { --d: 32s; }
  .flake:nth-child(11n+8) { --d: 55s; }
  .flake:nth-child(11n+9) { --d: 38s; }
  .flake:nth-child(11n+10) { --d: 60s; }
  .flake:nth-child(11n+11) { --d: 45s; }

  /* Top position - 13n pattern */
  .flake:nth-child(13n+1) { --t: -50px; }
  .flake:nth-child(13n+2) { --t: -200px; }
  .flake:nth-child(13n+3) { --t: -350px; }
  .flake:nth-child(13n+4) { --t: -100px; }
  .flake:nth-child(13n+5) { --t: -450px; }
  .flake:nth-child(13n+6) { --t: -150px; }
  .flake:nth-child(13n+7) { --t: -500px; }
  .flake:nth-child(13n+8) { --t: -250px; }
  .flake:nth-child(13n+9) { --t: -600px; }
  .flake:nth-child(13n+10) { --t: -300px; }
  .flake:nth-child(13n+11) { --t: -550px; }
  .flake:nth-child(13n+12) { --t: -400px; }
  .flake:nth-child(13n+13) { --t: -650px; }

  /* Horizontal position - 17n pattern for better spread */
  .flake:nth-child(17n+1) { --x: 3%; }
  .flake:nth-child(17n+2) { --x: 9%; }
  .flake:nth-child(17n+3) { --x: 15%; }
  .flake:nth-child(17n+4) { --x: 22%; }
  .flake:nth-child(17n+5) { --x: 28%; }
  .flake:nth-child(17n+6) { --x: 35%; }
  .flake:nth-child(17n+7) { --x: 42%; }
  .flake:nth-child(17n+8) { --x: 48%; }
  .flake:nth-child(17n+9) { --x: 55%; }
  .flake:nth-child(17n+10) { --x: 62%; }
  .flake:nth-child(17n+11) { --x: 68%; }
  .flake:nth-child(17n+12) { --x: 74%; }
  .flake:nth-child(17n+13) { --x: 80%; }
  .flake:nth-child(17n+14) { --x: 86%; }
  .flake:nth-child(17n+15) { --x: 91%; }
  .flake:nth-child(17n+16) { --x: 96%; }
  .flake:nth-child(17n+17) { --x: 6%; }

  @keyframes flakes {
    100% {
      transform: translateY(1000px) rotateX(31deg) rotateY(17deg);
      opacity: 0;
    }
  }
}