A gray button with large Times New Roman text, using flex layout, aligned to the center, with 0 4px 8px rgba(0, 0, 0, 0.2), bounce, and a :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }.
<button style='background-color: red; font-size: 20px; font-family: Verdana; display: inline-block; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); animation: fade-in 2s; transition: transform 0.2s ease-in-out; :hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }'>Hello World</button> @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } }