.close_btn{
    --padding: 3px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    background: none;
    border-radius: 6px;
    padding: var(--padding);

    cursor: pointer;

    outline: none;
    border: none;

    &:has(div) {
        --padding: 3px 6px;
    }

    div{
        font-size: 12px;
        color: var(--grey-clr);
    }

    img{
        --filter: var(--filter-grey-clr);

        width: 16px;
        height: 16px;

        display: block;
        filter: var(--filter);
    }

    &:hover{
        img{
            --filter: var(--filter-black-clr);
        }
        div{
            color: var(--black-clr);
        }

        background-color: var(--grey-light-clr);
    }
}