.button-code.svelte-nurkpt{display:flex;align-items:center;padding:15px;border-radius:var(--spacing-150, 150px);background-color:var(--color-white);color:var(--color-black);gap:4px;position:relative;border:1px solid transparent;cursor:pointer;font-family:var(--font-primary);transition:.2s ease-in-out background-color,.2s ease-in-out color}.button-code.svelte-nurkpt>div:where(.svelte-nurkpt){display:flex;align-items:center;gap:10px}.copied-notification.svelte-nurkpt{padding:6px 10px;background:#0000008c;backdrop-filter:blur(15px);color:var(--color-white);border-radius:20px;position:absolute;z-index:1;right:40px;animation:svelte-nurkpt-linkfade-in .25s ease}.button-code-reveal.svelte-nurkpt{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:36px}.button-code.svelte-nurkpt button.button-code-svg:where(.svelte-nurkpt){position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-lightgrey2);border-radius:30px;border:none;cursor:pointer;transition:.2s ease-in-out background-color}.button-code-svg.svelte-nurkpt svg{width:12px;height:12px}.button-code.svelte-nurkpt button.button-code-svg:where(.svelte-nurkpt):hover{background-color:var(--color-black);color:var(--color-white)}button.button-code.svelte-nurkpt:hover{background-color:var(--color-black);color:var(--color-white)}.button-code.show.svelte-nurkpt:hover{background-color:var(--color-white);color:var(--color-black)}@keyframes svelte-nurkpt-linkfade-in{0%{opacity:0}to{opacity:1}}