.dandy-share {



    display:inline-flex;
    align-items:center;
    gap:.45rem;

    padding:0;

    border:0px solid;

    background:transparent;

    color:var(--dandy-accent);

    border-radius:999px;

    font:inherit;

    cursor:pointer;

    transition:.2s ease;
}

.dandy-share:hover {

    color:var(--dandy-primary);
 background:transparent;
  

}

.dandy-share svg {

    width:18px;
    height:18px;

}

.dandy-share svg {
    width: 1rem;
    height: 1rem;
    transition: transform .2s ease;
    transform-origin: center;
}

.dandy-share span {
    transition: transform .2s ease, color .2s ease;
}

.dandy-share:hover svg {
    transform: rotate(15deg) scale(1.08);
}

.dandy-share:hover span {
    transform: translateX(2px);
}

.dandy-share-wrap {
    --dandy-accent: var(--color-accent, #dd3f81);
--dandy-primary: var(--color-primary, #222);
        --dandy-background: var(--color-background, #fff);
    --dandy-surface: var(--color-surface, #f7f4ee);
    position: relative;
    display: inline-flex;

}


.dandy-share-menu {



    position: absolute;

    top: calc(100% + .5rem);
    left: 0;

    display: flex;
    flex-direction: column;
    gap: .25rem;

    min-width: 120px;

    padding: .5rem;

    background: var(--dandy-surface);

    border: 1px solid color-mix(
        in srgb,
        var(--dandy-accent, #222) 12%,
        transparent
    );

    border-radius: .6rem;

    box-shadow:
        0 8px 24px rgba(0,0,0,.08);

    z-index: 10;

}


.dandy-share-menu[hidden] {
    display: none;
}


.dandy-share-menu a,
.dandy-share-menu button {

    display: block;

    width: 100%;

    border: 0;

    background: transparent;

    padding: .35rem .55rem;

    text-align: left;

    color: var(--dandy-accent);

    cursor: pointer;

    font: inherit;

    border-radius: .35rem;

    transition:
        background-color .15s ease,
        color .15s ease,
        transform .15s ease;

}


.dandy-share-menu a:hover,
.dandy-share-menu button:hover {

    background: var(--dandy-background);

    color: var(--dandy-primary,red);
    border-bottom:0px solid transparent;
    transform: translateX(2px);

}
.dandy-share-menu {
    opacity: 0;
    transform: translateY(-4px);
    transition:
        opacity .15s ease,
        transform .15s ease;
}

.dandy-share-menu:not([hidden]) {
    opacity: 1;
    transform: translateY(0);
}