.bolinha { width: 8px; height: 8px; border-radius: 50%; background-color: #FFD700; /* cor de fundo da bolinha */ position: relative; margin: 3px; /* margem atualizada para 3px */ animation-name: brilho; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .bolinha:before { content: ""; display: block; width: 100%; height: 100%; border-radius: 30%; background-color: #FFF; /* cor do brilho */ opacity: 0; position: absolute; top: 0; left: 0; animation-name: brilho; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes brilho { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .container { display: flex; justify-content: center; align-items: center; } .texto { font-size: 13px; /* fonte atualizada para 13px */ color: #BAA556; /* cor do texto */ margin-left: 5px; /* margem atualizada para 5px */ }

AGUARDANDO PAGAMENTO