.button{position:relative;justify-content:center;border-radius:4px;overflow:hidden;width:-moz-fit-content;width:fit-content;padding:0 48px;gap:8px;z-index:1}.button,.button span{display:flex;align-items:center;transition:.5s}.button span{font-family:var(--space-grotesk-bold);font-size:16px;line-height:100%}.button.button--purple{background:var(--Purple-gradient);color:var(--White);box-shadow:0 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:0 16px 24px -16px var(--Blue-purple-40)}.button.button--outline,.button.button--outlineAnchor{border:1px solid var(--Blue-purple-30);background:none;color:var(--Blue-purple)}.button.button--outline:hover,.button.button--outlineAnchor:hover{border:1px solid var(--Blue-purple)}.button.button--text{background:none;color:var(--Blue-purple)}.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:.5s}.button--with-arrow .arrow--rotate{transform:rotate(90deg)}.button--with-arrow .arrow:first-child{opacity:0;transform:translateX(-24px)}.button--with-arrow:not([disabled]):hover span{transform:translateX(24px)}.button--with-arrow:not([disabled]):hover .arrow:first-child{opacity:1;transform:translateX(0)}.button--with-arrow:not([disabled]):hover .arrow:last-child{opacity:0;transform:translateX(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}