.mod-pagination {
    > .m-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        > a {
            padding: 0 35px;
            font-weight: bold;
            color: $color-dark-grey;

            &.m-prev {
                margin-right: auto;

                &:before {
                    content: '';
                    position: absolute;
                    background-image: embed('/assets/svg/prev-pagination.svg');
                    background-size: cover;
                    width: 15px;
                    height: 12px;
                    left: 20px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }

            &.m-next {
                margin-left: auto;

                &:after {
                    content: '';
                    position: absolute;

                    background-image: embed('/assets/svg/next-pagination.svg');
                    background-size: cover;
                    width: 15px;
                    height: 12px;
                    right: 20px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
    }
}