/* edit-button.css
 * Styles for the admin edit button injected inside each gallery component.
 * Only this file is linked from category pages (pets, travel, etc.).
 * The full edit-content.css is only linked from the edit page itself.
 *
 * The button is injected as the first child of .gallery-component which
 * already carries position:relative, so the button positions correctly
 * inside the visible tan box without extra wrapper divs.
 */

.edit-post-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    border-radius: 20px;
    padding: 5px 11px;
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 1;
    transition: background 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.edit-post-btn:hover {
    background: rgba(0, 157, 209, 0.80);
}