A red button with large Helvetica text, using flex layout, aligned to the justify, with 4px 4px 10px rgba(0, 0, 0, 0.5), fade-in, and a :hover { background-color: #555; color: white; }.
<button style='background-color: gray; font-size: 22px; font-family: Helvetica; display: grid; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); animation: fade-in 2s; transition: background-color 0.4s ease; :hover { transform: scale(1.1); }'>Enter Your Name</button> @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }