Button by Subaashbala

1.button {
2  cursor: pointer;
3  position: relative;
4  border-radius: 55px;
5  display: flex;
6  justify-content: center;
7  align-items: center;
8  padding: 15px;
9  gap: 8px;
10  font-size: 1rem;
11  font-weight: 900;
12  background-color: white;
13  border: none;
14  background: linear-gradient(to bottom, #ecefee, #fff);
15  transition: all 500ms;
16}
17.button::after {
18  content: "";
19  position: absolute;
20  width: 105%;
21  height: 115%;
22  background: linear-gradient(to top, #ecefeeb4, #fff);
23  z-index: -1;
24  top: 50%;
25  left: 50%;
26  border-radius: 15px;
27  padding: 2px;
28  transform: translate(-50%, -50%);
29  border: 2px solid #d5d6d5;
30  border-bottom: 3px solid #7b7d7cc0;
31  border-left: 2px solid #b5b5b5;
32  border-right: 2px solid #b5b5b5;
33  box-shadow: 0px 20px 45px #b5b9b8;
34}
35.icon svg {
36  width: 1.18rem;
37  height: auto;
38  vertical-align: middle;
39}
40.icon path {
41  stroke-width: 5px;
42}
43