A cyan button with small Helvetica text, using inline-block layout, aligned to the justify, with 4px 4px 10px rgba(0, 0, 0, 0.5), spin, and a :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }.
<button style='background-color: black; font-size: 12px; font-family: Helvetica; display: grid; text-align: left; box-shadow: none; animation: spin 2s; transition: background-color 0.4s ease; :hover { transform: scale(1.1); }'>Login</button> @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } }