JSFiddle - React, Tailwind, and code Playground

by Luckypouet

HTML

<div class="more">Test</div>

SCSS

.more {
		align-self: stretch;
		order: 5;
		position: relative;
		z-index: 2;
		margin-top: 15px;
		margin-bottom: 65px;
		text-align: center;
		font: 500 13px Arial;
		&:before {
			position: relative;
			content: "999";
			font: 400 13px Arial;
			display: block;
			margin: 0 auto 5px;
			animation: infinite 1s bounce;
		}
	}
  
@keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: -5px;
	}
	100% {
		top: 0;
	}
}