...
justify-content: center; align-items: center; } .rosa-loader span { width: 12px; height: 12px; background: #ff4da6; border-radius: 50%; animation: rosaBounce 0.6s infinite alternate; } .rosa-loader span:nth-child(2) { animation-delay: 0.2s; } .rosa-loader span:nth-child(3) { animation-delay: 0.4s; } @keyframes rosaBounce { from { transform: translateY(0); opacity: 0.5; } to { transform: translateY(-10px); opacity: 1; } }

custobenefício