Button by mayurd8862

1.button {
2  padding: 0.6em 1.3em;
3  font-weight: 900;
4  font-size: 18px;
5  background: linear-gradient(to right, rgb(231, 71, 132), 
6  rgb(0, 170, 255));
7  /* Gradient background */
8  border-radius: 10px;
9  border: none;
10  color: aliceblue;
11  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
12  /* Text shadow effect */
13  box-shadow: 0 0 10px rgba(55, 0, 255, 0.5);
14  cursor: pointer;
15  transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
16}
17
18.button:hover {
19  transform: scale(1.1);
20  box-shadow: 0 0 15px rgb(231, 71, 132);
21  color: white;
22}
23