.button.svelte-18235c7{display:inline-block;padding:8px;background-color:var(--surfaceContainer);color:var(--onSurface);border:1px solid #fa9df480;border-radius:15px;opacity:95%;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-radius .3s ease-in-out,opacity .3s ease-in-out}.button.svelte-18235c7:hover{background-color:var(--onSurface);color:var(--surfaceContainer);border-radius:10px;opacity:100%}.icon.svelte-18235c7{filter:var(--onSurface-filter);width:1.5rem;height:1.5rem;vertical-align:middle;transition:filter .3s ease-in-out}.button.svelte-18235c7:hover .icon:where(.svelte-18235c7){filter:var(--surface-filter)}