A black button with medium Helvetica text, using inline-block layout, aligned to the left, with 2px 2px 5px rgba(0, 0, 0, 0.3), spin, and a :hover { transform: scale(1.1); }.
<button style='background-color: yellow; font-size: 12px; font-family: Courier New; display: grid; text-align: left; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); animation: fade-in 2s; transition: transform 0.2s ease-in-out; :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }'>Login</button> @keyframes slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }