/**
 * This styles the "section editing button" (if not added by data-plugin)
 */

#dokuwiki__content.main-content {
    .secedit:not([class*="plugin"]):not([class*="table"]) {
        position: relative;
        top: 0;
        float: right;
        margin-top: 0; // for best position of edit-tab beneath table

        form div.no {
            button {
                margin-top: -.4rem;
                margin-right: -0.4rem;
                padding: 0.2rem 0.4rem;
            }
        }

        // "section editing button"
        button {
            display: flex;
            align-items: center;
            background-color: transparent;
            color: transparent;
            border-color: transparent;

            &::after {
                content: '';
                display: inline-block;
                background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
                height: 1em;
                width: 1em;
                background-size: contain;
                border: solid 2px transparent;
                border-radius: @ini_default_border_radius;
                margin-left: @small-spacing;
                margin-top: -1px;

                color: var(--color-foreground);
                mask-size: contain;
                mask-position: center;
                mask-repeat: no-repeat;
                background: currentColor !important;

                mask-image: url('img/pencil.svg');
            }

            &:hover,
            &:active,
            &:focus {
                .fnActiveButton();
            }
        }
    }
}