.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:400;font-family:inherit;padding:6px 12px;border-radius:var(--radius);background:#fff;box-shadow:var(--dropshadow-gray);border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease-in-out,background .1s ease-in-out,box-shadow .2s ease-in-out;z-index:0}.button:hover{transform:translateY(-1.5px)}.button:active{background:#EEE}.button:focus{box-shadow:var(--dropshadow-gray)}.button--primary{position:relative;z-index:0}.button--primary:before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.button--primary>span{background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;position:relative;z-index:2}.button--secondary{box-shadow:var(--dropshadow-gray);position:relative;color:var(--text-color);background:#fff}.button--secondary:before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:var(--text-color);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.button--destructive{box-shadow:var(--dropshadow-gray);position:relative;color:#EB5456;background:#fff}.button--destructive:before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:#EB5456;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.button--link{border:none;background:none;color:var(--primary-gradient-from);text-decoration:underline;box-shadow:none}.button>span[style]{position:relative;z-index:2;color:inherit}