.wrapper.svelte-1h8u05g.svelte-1h8u05g {
    position: relative;
    width: 42px;
    height: 42px
}

.wrapper.svelte-1h8u05g button.svelte-1h8u05g {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 0;
    z-index: 2;
    border-radius: 50%;
    opacity: 0
}

.wrapper.svelte-1h8u05g .bg.svelte-1h8u05g,
.wrapper.svelte-1h8u05g .rim.svelte-1h8u05g {
    position: absolute;
    top: 0;
    left: 0
}

.wrapper.svelte-1h8u05g .rim.svelte-1h8u05g {
    transform: rotate(0);
    transition-property: transform;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.94, 4.6, 3.58, 4)
}

.wrapper.svelte-1h8u05g .cross.svelte-1h8u05g {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition-property: transform;
    transition-duration: .45s;
    transition-timing-function: cubic-bezier(.94, 4.6, 3.58, 4)
}

.wrapper.svelte-1h8u05g .bg.svelte-1h8u05g {
    opacity: .5;
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: var(--ease-in-out-quad)
}

.wrapper.down.svelte-1h8u05g .cross.svelte-1h8u05g {
    transform: translate(-50%, -50%) scale(.85)
}

.wrapper.svelte-1h8u05g:hover .bg.svelte-1h8u05g,
.wrapper.over.svelte-1h8u05g .bg.svelte-1h8u05g {
    opacity: 1
}

.wrapper.svelte-1h8u05g:hover .rim.svelte-1h8u05g,
.wrapper.over.svelte-1h8u05g .rim.svelte-1h8u05g {
    transform: rotate(.5turn)
}