.close-button{width:var(--spacing-6);height:var(--spacing-6);color:inherit;cursor:pointer;transition:var(--transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.close-button:focus-visible{border-radius:var(--border-radius-md);outline:var(--outline);outline-offset:var(--outline-offset)}.close-button--transparent{color:var(--color-neutral-white-a60)}.close-button--transparent:hover{color:var(--color-neutral-white-a40)}.close-button--transparent:focus-within{border-color:var(--color-off-white);border-radius:var(--border-radius-md);background-color:var(--color-primary-900)}.close-button--black{color:var(--color-neutral-black-a60)}.close-button--black:hover{color:var(--color-neutral-a50)}.close-button--grey{color:var(--color-text-muted)}.close-button--grey:hover{color:var(--color-text)}.close-button--purple{color:var(--color-purple-600)}.close-button--purple:hover{color:var(--color-purple-700)}.close-button--absolute{position:absolute}.close-button--box{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--border-radius-md);background-color:var(--color-primary-900);color:var(--color-neutral-white-a80)}.close-button--box:hover{color:var(--color-neutral-white-a40)}.close-button--circle{border:1px solid var(--color-neutral-a40);background-color:var(--color-neutral-white-a5);color:var(--color-text-muted);border-radius:100%}.close-button--circle:hover{background-color:var(--color-neutral-a5);color:var(--color-text)}.close-button--circle:focus-within{background-color:var(--color-neutral-white);box-shadow:0 0 0 .12rem var(--color-neutral-a40);color:var(--color-text)}.close-button__icon{width:var(--spacing-6);height:var(--spacing-6)}