A purple button with large Times New Roman text, using flex 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: flex; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); animation: spin 2s; transition: all 0.3s ease; :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }'>Submit</button> @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }