.snowflake {
    position: absolute;
    top: -10px;
    color: white;
    font-size: 1em;
    left: -10px;
    user-select: none;
    pointer-events: none;
    animation: fall linear infinite;
}
  
@keyframes fall {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(100vh);
    }
}

.nav-authendication{
    position: relative;
}

.nav-authendication .Chapeau_de_noel{
    position: absolute;
    top: -25px;
    left:0;
    width: 55px;
    height: 55px;
    pointer-events: none;
}


.button_style{
  position: relative;
}

.button_style .santa-reindeer{
  position: absolute;
  top: -30px;
  height: 30px;
  left: 0;
  transition: all 0.2s ease;
}

.button_style:hover .santa-reindeer{
  animation: traineau 1s forwards;
}

@keyframes traineau{
  100%{
    transform: translateX(50%) translateY(-20%);
  }

}

@keyframes confetti-explosion {
  0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
  }
  100% {
      transform: translate(-50%, -50%) scale(0.5);
      opacity: 1;
  }
}

.button-disabled {
  background-color: #D00000;
  cursor: not-allowed;
  opacity: 0.5;
}