:root{--primary:#7c4dff;--primary-light:#9d46ff;--primary-dark:#0a00b6;--danger:#cf6679}.button,.button--black,.button--danger,.button--disabled,.button--inverted,.button--no-bg,.button--primary,.copy-button{border:1px solid transparent;cursor:pointer;display:inline-block;font-weight:700;padding:1em 1.5em;text-decoration:none;text-transform:uppercase;transition:background-color .3s,border-color .3s;white-space:nowrap}.button--no-bg,.copy-button{background:none;color:var(--primary)}.button--no-bg:hover{background-color:#222;border:1px solid #222}.button--no-bg.danger{color:#cf6679}.button--black:hover,.button--danger:hover,.button--disabled:hover,.button--inverted:hover,.button--primary:hover,.button:hover{font-style:normal}.button--primary{background:none;border:1px solid var(--primary);color:var(--primary)}.button--inverted,.button--primary:hover{background-color:var(--primary);color:#fff}.button--inverted{border:1px solid var(--primary)}.button--inverted:hover{background:none;color:var(--primary)}.button--black{background-color:#1a1a1a;border:1px solid #1a1a1a;color:#fff}.button--black:hover{background-color:#757575;border:1px solid #757575;color:#fff}.button--danger{border:1px solid #cf6679;background-color:#cf6679;color:hsla(0,0%,100%,.87)}.button--danger:hover{background:none;color:#cf6679}.button--disabled{border:1px solid #757575;color:#757575;cursor:not-allowed}.dark .button--primary{border:1px solid var(--primary)}.dark .button--primary:hover{border-color:var(--primary)}.copy-button{margin-top:0;margin-left:.5em;padding:0}