A orange button with medium Arial text, using grid layout, aligned to the right, with 4px 4px 10px rgba(0, 0, 0, 0.5), spin, and a :hover { transform: scale(1.1); }.
<button style='background-color: purple; font-size: 24px; font-family: Arial; display: flex; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); animation: fade-in 2s; transition: background-color 0.4s ease; :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }'>Enter Your Name</button> @keyframes slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }