A purple button with small Arial text, using flex layout, aligned to the justify, with 4px 4px 10px rgba(0, 0, 0, 0.5), slide-up, and a :hover { background-color: #555; color: white; }.
<button style='background-color: pink; font-size: 14px; font-family: Arial; display: grid; text-align: center; box-shadow: none; animation: fade-in 2s; transition: background-color 0.4s ease; :hover { transform: scale(1.1); }'>Sign Up</button> @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }