A black button with medium Helvetica text, using flex layout, aligned to the center, with 2px 2px 5px rgba(0, 0, 0, 0.3), spin, and a :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }.
<button style='background-color: red; font-size: 14px; font-family: Courier New; display: block; text-align: left; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); animation: spin 2s; transition: all 0.3s ease; :hover { background-color: #555; color: white; }'>Hello World</button> @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }