.clock {
position: relative;
width: 20px;
height: 20px;
margin: 0 auto;
border-radius: 50%;
background-color: #ff4d4d;
.clock-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
animation: clock 5s infinite;
@keyframes clock {
0% {
transform: scale(1);
opacity: 1;
50% {
transform: scale(0.7);
opacity: 0;
100% {
transform: scale(1);
opacity: 1;