/* File: prj-setlist-builder/assets/css/frontend/prj-frontend-share-trigger.css */

button.prj-share-trigger,
button.prj-share-trigger:hover,
button.prj-share-trigger:focus,
button.prj-share-trigger:active {
    all: unset;
    box-sizing: border-box;

    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;

    margin: 0;
    padding: 0;

    color: var(--prj-color-accent-secondary, #b6f500);
    font: inherit;
    line-height: 1;

    cursor: pointer;
    vertical-align: middle;
}

button.prj-share-trigger:focus-visible {
    outline: 1px dotted currentColor;
    outline-offset: 3px;
}

.prj-share-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: var(--prj-color-accent-secondary, #b6f500);
    pointer-events: none;
}

.prj-share-label {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    color: var(--prj-color-accent-secondary, #b6f500);
    pointer-events: none;
}

button.prj-share-trigger:hover .prj-share-icon,
button.prj-share-trigger:hover .prj-share-label {
    opacity: 0.8;
}