@charset "utf-8";

.splide__pagination {
    width: 100vw;
    max-width: var(--max-width);
    position: absolute;
    bottom: -8.9vw;
    @media (width >= 1024px) {
        bottom: -35px;
    }
    li {
        margin-inline: 1.27vw;
        @media (width >= 1024px) {
            margin-inline: 5px;
        }
        button {
            width: 3.05vw;
            height: 3.05vw;
            background-color: #E4E4E4;
            border-radius: 50%;
            @media (width >= 1024px) {
                width: 15px;
                height: 15px;
            }
            &.is-active {
                background-color: var(--color-primary);
            }
        }
    }
}