1<button class="custom-button">Click me</button>

1
2.custom-button {
3  background-color: #3B82F6;
4  color: #FFFFFF;
5  border-radius: 4px;
6  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
7  width: 120px;
8  height: 40px;
9  font-weight: 500;
10  border: 0px solid #000000;
11  text-transform: none;
12  transition: all 0.3s;
13}
14
15.custom-button:hover {
16  background-color: #2563EB;
17  color: #FFFFFF;
18  filter: brightness(110%);
19}
20
21.custom-button:focus {
22  outline: 2px solid #60A5FA;
23}
24