.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-within{outline:none}.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-neutral-a40)}.close-button--grey:hover{color:var(--color-neutral-a60)}.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)}