.gradiant-button{cursor:pointer;font-size:var(--grad-btn-font-size,16px);border-radius:var(--grad-btn-radius,16px);background:radial-gradient(circle 80px at 80% -10%, var(--grad-outer-highlight,#fff), var(--grad-outer-base,#181b1b));border:none;padding:2px;position:relative}.gradiant-button:after{content:"";z-index:-1;border-radius:120px;width:65%;height:60%;position:absolute;top:0;right:0;box-shadow:0 0 20px #ffffff38}.blob1{border-radius:var(--grad-btn-radius,16px);background:radial-gradient(60px at 0 100%,#868686,#6f6f8d80,#0000);width:70px;height:100%;position:absolute;bottom:0;left:0;box-shadow:-10px 10px 30px #0051ff2d}.inner{padding:var(--grad-btn-padding,12px 30px);border-radius:calc(var(--grad-btn-radius,16px) - 2px);color:var(--grad-btn-color,#fff);z-index:3;background:radial-gradient(circle 80px at 80% -50%, var(--grad-inner-highlight,#777), var(--grad-inner-base,#0f1111));position:relative}.inner:before{content:"";border-radius:calc(var(--grad-btn-radius,16px) - 2px);background:radial-gradient(circle 60px at 0% 100%, var(--grad-accent1,#00e1ff1a), var(--grad-accent2,#00f1), transparent);width:100%;height:100%;position:absolute;top:0;left:0}