.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);box-shadow:0 4px 20px var(--secondary-color)}.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}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button:disabled:hover{transform:none}.button:disabled:active{background:#fff}.button--redirection-button,.button--secondary-redirection{gap:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;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--secondary-redirection>svg{color:var(--text-color)}.button--redirection-button{color:var(--primary-gradient-from);box-shadow:0 4px 20px var(--secondary-color)}.button--secondary-redirection{box-shadow:none;width:fit-content}.button--secondary-redirection:hover{transform:none;box-shadow:none}.button--redirection-button:hover>span,.button--secondary-redirection:hover>span{animation:opacity-fade-out .3s ease-in-out forwards}.button--redirection-button:not(:hover)>span,.button--secondary-redirection:not(:hover)>span{animation:opacity-fade-in .3s ease-in-out forwards}.button--redirection-button:hover .button-arrow-icon,.button--secondary-redirection:hover .button-arrow-icon{animation:arrow-sway .3s ease-in-out forwards}.button--redirection-button:not(:hover) .button-arrow-icon,.button--secondary-redirection:not(:hover) .button-arrow-icon{animation:arrow-sway-reverse .3s ease-in-out forwards}@keyframes arrow-sway{0%{transform:translateX(0)}to{transform:translateX(2px)}}@keyframes arrow-sway-reverse{0%{transform:translateX(2px)}to{transform:translateX(0)}}@keyframes opacity-fade-out{0%{opacity:1}to{opacity:.7}}@keyframes opacity-fade-in{0%{opacity:.7}to{opacity:1}}