akibisuto-stylus 0.1.10

.pagination {
    font-size: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;

    &__item {
        display: inline-block;

        * {
            background: var(--color-gray-500);
            border: none;
            border-left: 0.1rem solid var(--color-gray-200);
            color: var(--color-white-500);
            display: inline-block;
            font-size: 1.2rem;
            line-height: 1.8rem;
            margin: 0 0 0 0;
            outline: 0;
            padding: 0.5rem 1rem;
        }

        a {
            &:link,
            &:visited {
                color: var(--color-white-500);
            }
        }

        p {
            background: var(--color-gray-400);
            cursor: default;
            pointer-events: none;
        }

        &:first-child * {
            border-top-left-radius: 0.2rem;
            border-bottom-left-radius: 0.2rem;
        }

        &:last-child * {
            border-top-right-radius: 0.2rem;
            border-bottom-right-radius: 0.2rem;
        }

        &:hover {
            * {
                background: var(--color-gray-400);
            }

            p {
                background: var(--color-gray-400);
            }
        }

        &--disabled * {
            background: var(--color-gray-300);
            color: var(--color-white-400);
            cursor: default;
            pointer-events: none;
        }

        &--disabled:hover * {
            background: var(--color-gray-300);
        }
    }
}