/*  COMPONENT: POST EDIT LINK
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .post-edit-link {
        border: 2px solid;
        text-decoration: none;
        color: var(--color-black);
        font-weight: var(--font-weight-bold);
        padding: 0 var(--spacing-m);
        border-radius: 2rem;
        display: flex !important;
        width: fit-content;
        align-items: center;
        height: 40px;
        text-align: center;
        justify-content: center;
    }
    .post-edit-link:hover {
        color: var(--color-red);
    }
}