Script
<div style="display: flex; margin-top: -20px;align-items: center;margin-bottom: -20px;">
<div class="olho"></div>
<style> .olho { background: #44D500; border-radius: 50%; margin: 0 10px; height: 10px; width: 10px; display: block!important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); transform: scale(1); animation: pulse 1s infinite; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } .disponivel {font-weight: bold; font-size: 18px;} </style>
<p class="disponivel"><b>Disponivel em Estoque</b></p>
</div>
Esse tutorial foi util?