.category-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 36px 0 50px;
    padding: 0 24px;

    .category-item {
        font-size: 0.8em;

        &.selected_category {
            a {
                background-color: var(--wp--preset--color--key-color);
                color: #fff;
                pointer-events: none;
            }
        }

        &:not(.category-all) a::before {
            content: '#';
        }

        a {
            text-decoration: none;
            padding: 0.25rem 0.5rem;
            background-color: transparent;
            transition: all 0.3s ease-in-out;
            border: 1px solid var(--wp--preset--color--key-color);
            color: var(--cocoon-text-color);

            &:hover {
                background-color: rgba(212, 46, 30, .05);
            }
        }
    }
}

.archive-column-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 50px !important;
    column-gap: 4rem;
    @media screen and (max-width: 834px) {
        column-gap: 36px;
    }
    @media screen and (max-width: 480px) {
        column-gap: 24px;
    }

    .entry-card {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        
        &:nth-of-type(n+3) {
            padding-top: 36px;
            &::before {
                content: "";
                position: absolute;
                top: 0;
                display: block;
                width: 100%;
                height: 1px;
                border-top: 1px dashed #CCC;
            }
        }

        .a-wrap {
            margin: 0 0 1rem 0;
            background-color: transparent;

            &:hover {
                color: var(--cocoon-text-color);
            }

            &::after {
                background-color: rgba(212, 46, 30, .05);
            }

            .entry-card-thumb {
                float: none;
                width: 100%;
            }

            .entry-card-content {
                margin: 0;
                padding: 0;
            }

        }

        .entry-card-meta {
            position: relative;
            margin-top: auto;
            bottom: 0;
            display: flex;
            justify-content: flex-end;
            align-items: last baseline;
            gap: 0 1rem;
            @media screen and (max-width: 480px) {
                flex-wrap: wrap;
            }

            .entry-card-categorys {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                gap: 0 1rem;
                @media screen and (max-width: 480px) {
                    justify-content: flex-start;
                }

                .cat-link {
                    margin: 0;
                    color: var(--wp--preset--color--key-color);
                    background-color: transparent;

                    &::before {
                        content: '#';
                        display: inline;
                        position: relative;
                        top: auto;
                        border: none;
                    }

                    &::after {
                        content: none;
                    }

                    .cat-icon {
                        display: none;
                    }
                }
            }

            .entry-card-info {
                .post-date {
                    white-space: nowrap;
                }
            }
        }
    }
}