.component.svelte-1b6nkm7{display:inline-block}.my-button.svelte-1b6nkm7{position:relative;display:flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;border-radius:10px;border:2px solid var(--color-red);background-color:var(--color-white);color:var(--color-red);font-size:1rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s ease}.button-text.svelte-1b6nkm7{transition:opacity .3s ease;-webkit-user-select:none;user-select:none}.remove-icon.svelte-1b6nkm7{position:absolute;width:1.8rem;height:1.8rem;fill:var(--color-white);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.my-button.svelte-1b6nkm7:hover{background-color:var(--color-red);color:var(--color-white)}.my-button.svelte-1b6nkm7:hover .button-text:where(.svelte-1b6nkm7){opacity:0}.my-button.svelte-1b6nkm7:hover .remove-icon:where(.svelte-1b6nkm7){opacity:1}.my-button.svelte-1b6nkm7:focus{outline:none}.my-button.svelte-1b6nkm7:active{transform:scale(.95);filter:brightness(.9)}