How can i add this button?

1 Like

Hey @tas biul, you can make this button custom by using a link element, but if you want to avoid it I will paste you custom code here which you can just copy and paste into your link element in the custom code panel.

self {
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0px 80px 0px 80px;
  border-radius:10px;
  font-weight:500;
  font-size:14px;
  border:1px none rgba(0,0,0,1);
  color:rgba(255,255,255,1.00);
  cursor:pointer;
  background:linear-gradient(180deg, rgba(198,169,255,1.00) 0%, rgba(163,117,255,1.00) 33%, rgba(163,117,255,1.00) 66%, var(--Purple-A375FF) 100%);
  background-size:100% 300%;
  transition:all 350ms 0ms ease-out;
}

:hover {
  background-position:0 100%;
}

You just need to copy this whole code and paste it here:

Like this: