@keyframes background-new-module
{
	0%
	{
		background-color: #fcbf33;
	}
	25%
	{
		/*transform: rotate(25deg) translateX(6px)*/;
		transform: translateX(6px) rotate(25deg);
		background-color: #fcbf33;
	}
	75%
	{
		/*transform: rotate(-25deg) translateX(-6px)*/;
		transform: translateX(-6px) rotate(-25deg);
		background-color: #fcbf33;
	}
	100%
	{
		background-color: #99cc33;
	}
}

@keyframes fadeIn
{
 	0%
 	{
    opacity: 0;
    visibility: hidden;
  }
 	50%
 	{
    opacity: 0.5;
    visibility: hidden;
  }
  100% 
	{
    visibility: visible;
    opacity: 1;
  }
}

.animation-new-module
{
	
  background-color: #fcbf33;
  animation-name: background-new-module;
  animation-duration: 4s;
  position:relative
}

.animation-new-module .badge
{
	display: flex;
  position:absolute;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
  left:45px;
	top:-10px;
  animation-name: fadeIn;
  animation-duration: 4s;
}


.badge
{

	display: flex;
	position:absolute;
	padding: 5px 10px;
	border-radius: 50%;
	background-color: #fc5a33;
	color: white;
	left:35px;
	  top:-10px;


}