.pagination {
    display: flex;
    justify-content: center;

    // .pagination__list

    &__list {
        display: flex;
        align-items: center;
        list-style: none;
        padding: .6rem 0;
        margin: 0;
    }

    // .pagination__item

    &__item {
        padding: 0;
        margin: 0;
    }

    // .pagination__item--prev
    // .pagination__item--next

    &__item--prev,
    &__item--next {
        .pagination__link {
            width: 2rem;
            height: 2rem;
            position: relative;
            z-index: 2;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }

    // .pagination__link

    &__link {
        width: 2.8rem;
        height: 2.8rem;
        flex-shrink: 0;
        color: rgba($primary, .5);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .2s all;
        position: relative;

        &::before {
            content: '';
            width: 100%;
            height: 4.4rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        &:hover {
            color: $primary;
        }
    }

    // .pagination__item--active

    &__item--active {
        .pagination__link {
            color: $primary;
            border: .1rem solid $secondary;
            border-radius: 50%;
            pointer-events: none;
        }
    }
}