@charset "utf-8";

.splide__pagination {
    width: 100vw;
    max-width: var(--max-width);
    position: absolute;
    li {
        margin-inline: calc(var(--inline-base) * 0.5);
        button {
            width: calc(var(--inline-base) * 1.5);
            height: calc(var(--inline-base) * 1.5);
            background-color: var(--color-primary);
            border-radius: 50%;
            &.is-active {
                background-color: var(--color-secondary);
            }
        }
    }
}
@media (width >= 1024px) {
    .splide__pagination {
        li {
            margin-inline: calc(var(--inline-base) * 0.625);
            button {
                width: calc(var(--inline-base) * 1.875);
                height: calc(var(--inline-base) * 1.875);
            }
        }
    }
}