section.blog_list {
    margin-top: 1.8rem;
    margin-bottom: 1.8rem;
    color: var(--brown);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
    section.blog_list {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
}
    }
section.blog_list .custom-container {
        max-width: 12.64rem;
        margin: 0 auto;
    }
@media screen and (max-width: 768px) and (orientation: portrait) {
    section.blog_list .custom-container {
            max-width: 100%;
            padding: 0 0.16rem;
    }
        }
section.blog_list .blog_list__posts {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
        transition: opacity 0.25s ease;
    }
.is-loading:is(section.blog_list .blog_list__posts) {
            opacity: 0.45;
            pointer-events: none;
        }
section.blog_list .blog_list__card {
        display: flex;
        align-items: stretch;
        gap: 0.24rem;
    }
@media screen and (max-width: 768px) and (orientation: portrait) {
    section.blog_list .blog_list__card {
            flex-direction: column;
            gap: 0.24rem;
    }
        }
:is(section.blog_list .blog_list__card) .btn {
			color: var(--white);
		}
:is(:is(section.blog_list .blog_list__card) .btn) .btn-icon-content {
				/* background-color: var(--white); */
				color: var(--white);

			}
:is(:is(section.blog_list .blog_list__card) .btn) .btn-icon-icon__bg {
				background-color: var(--white);
			}
:is(:is(:is(section.blog_list .blog_list__card) .btn) .btn-icon-icon__arrow) path {
					fill: var(--text-color);
				}
section.blog_list .blog_list__media {
        flex: 0 0 4.05rem;
        aspect-ratio: 1 / 1;
        display: block;
        overflow: hidden;
        border-radius: 0.4rem;
    }
@media screen and (max-width: 768px) and (orientation: portrait) {
    section.blog_list .blog_list__media {
            flex: none;
            width: 100%;
    }
        }
section.blog_list .blog_list__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.4rem;
    }
section.blog_list .blog_list__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        min-width: 0;
    }
section.blog_list .blog_list__date {
        margin-bottom: 0.16rem;
        color: var(--brown);
    }
section.blog_list .blog_list__title {
        margin-bottom: 0.24rem;
        color: var(--brown);
    }
@media screen and (max-width: 768px) and (orientation: portrait) {
    section.blog_list .blog_list__title {
            font-size: 0.32rem;
    }
        }
:is(section.blog_list .blog_list__title) a {
            color: inherit;
        }
section.blog_list .blog_list__excerpt {
        margin-bottom: 0.24rem;
        color: var(--brown);
    }
@media screen and (max-width: 768px) and (orientation: portrait) {
    section.blog_list .blog_list__excerpt {
            max-width: 100%;
    }
        }
section.blog_list .blog_list__read-more {
        /* margin-top: 0.08rem; */
    }
section.blog_list [data-blog-list-pagination] {
        margin-top: 0.8rem;
    }
section.blog_list .blog_list__pagination {
        display: flex;
        justify-content: center;
    }
section.blog_list .rise-custom-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.02rem;
        flex-wrap: wrap;
    }
section.blog_list .rise-custom-pagination .num {
        appearance: none;
        border: 0;
        background: transparent;
        padding: 0;
        min-width: 0.48rem;
        height: 0.48rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Schibsted Grotesk", sans-serif;
        font-size: 0.16rem;
        line-height: 1;
        letter-spacing: -0.04em;
        color: var(--brown);
        cursor: pointer;
        border-radius: 50%;
        transition: 0.3s ease-in-out;
    }
.dots:is(section.blog_list .rise-custom-pagination .num) {
            cursor: default;
            min-width: auto;
            height: auto;
            padding: 0 0.12rem;
        }
.active:is(section.blog_list .rise-custom-pagination .num) {
            border: 1px solid var(--brown);
            background-color: transparent;
        }
.is-last:is(section.blog_list .rise-custom-pagination .num):not(.active) {
            background-color: var(--brown);
            color: var(--white);
        }
.is-last.active:is(section.blog_list .rise-custom-pagination .num) {
            background-color: var(--brown);
            color: var(--white);
            border: 1px solid var(--brown);
        }
@media (hover: hover) and (pointer: fine) {
            .num-not-dots:is(section.blog_list .rise-custom-pagination .num):not(.dots):not(.is-last):hover {
                border: 1px solid var(--brown);
                background-color: transparent;
                color: var(--brown);
            }

            .is-last:is(section.blog_list .rise-custom-pagination .num):hover {
                background-color: var(--brown);
                color: var(--white);
                border: 1px solid var(--brown);
            }
        }