.button{z-index:1;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:0 48px;transition:all .5s;display:flex;position:relative;overflow:hidden}.button span{font-family:var(--space-grotesk-bold);align-items:center;font-size:16px;line-height:100%;transition:all .5s;display:flex}.button.button--purple{background:var(--Purple-gradient);color:var(--White);box-shadow:0px 16px 24px -16px var(--Blue-purple-40);transition:opacity .5s}.button.button--purple:not([disabled]):hover{opacity:.8}.button.button--white{background:var(--White);color:var(--Blue-purple);box-shadow:0px 16px 24px -16px var(--Blue-purple-40)}.button.button--outline,.button.button--outlineAnchor{border:1px solid var(--Blue-purple-30);color:var(--Blue-purple);background:0 0}.button.button--outline:hover,.button.button--outlineAnchor:hover{border:1px solid var(--Blue-purple)}.button.button--text{color:var(--Blue-purple);background:0 0}.button.button--S{height:40px;padding:0 24px}.button.button--M{height:52px}@media screen and (max-width:639px){.button.button--M{height:48px;padding:20px}}.button.button--L{height:56px}.button.button--full-width{width:100%}.button--with-arrow span{margin-left:-24px}.button--with-arrow .arrow{min-width:16px;min-height:16px;max-height:16px;transition:all .5s}.button--with-arrow .arrow--rotate{transform:rotate(90deg)}.button--with-arrow .arrow:first-child{opacity:0;transform:translate(-24px)}.button--with-arrow:not([disabled]):hover span{transform:translate(24px)}.button--with-arrow:not([disabled]):hover .arrow:first-child{opacity:1;transform:translate(0)}.button--with-arrow:not([disabled]):hover .arrow:last-child{opacity:0;transform:translate(24px)}.button:disabled{cursor:not-allowed;border:1px solid var(--Grey);background:linear-gradient(0deg, var(--Grey), var(--Grey)),linear-gradient(0deg, var(--Light-Grey), --Light-Grey);box-shadow:none}