button.CloseButtonWithBg-module-scss-module__8njMzG__close-button-with-bg{--bg-start-color:#0003;--bg-start-position:0%;--bg-end-color:#00000045;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(180deg, var(--bg-start-color) var(--bg-start-position), var(--bg-end-color) 100%);color:#fff;height:var(--close-button);padding:calc((4rem - var(--icon-size))/2);width:var(--close-button);border-radius:50%;transition:--bg-start-color .3s ease-in-out,--bg-end-color .3s ease-in-out,--bg-start-position .3s ease-in-out}button.CloseButtonWithBg-module-scss-module__8njMzG__close-button-with-bg:hover{--bg-start-color:#0000003b;--bg-start-position:30%;--bg-end-color:#0000004d;opacity:1}button.CloseButtonWithBg-module-scss-module__8njMzG__close-button-with-bg path{fill:#fff;stroke:#fff;stroke-width:.75px;transition:fill .3s ease-in-out,stroke .3s ease-in-out,stroke-width .3s ease-in-out}button.CloseButtonWithBg-module-scss-module__8njMzG__close-button-with-bg--dark path{fill:#444;stroke:#444;stroke-width:0}button.CloseButtonWithBg-module-scss-module__8njMzG__close-button-with-bg--dark:hover{--bg-start-color:#0000;--bg-start-position:30%;--bg-end-color:#0000;opacity:1}