﻿/* ... buttons: no borders and twice less width. */
.wp-pagenavi span.extend {
    border: none;
    width: 25px;
}
@media (max-width: 768px) {
    .wp-pagenavi span.extend {
        width: 20px;
    }
}
@media (max-width: 520px) {
    .wp-pagenavi span.extend {
        width: 18px;
    }
}
@media (max-width: 460px) {
    .wp-pagenavi span.extend {
        width: 15px;
    }
}
@media (max-width: 340px) {
    .wp-pagenavi span.extend {
        width: 13px;
    }
}

/* Rounded borders for first and last button. */
.previouspostslink,
.wp-pagenavi > *:first-child.current {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.nextpostslink,
.wp-pagenavi > *:last-child.current {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.rtl .previouspostslink,
.rtl .wp-pagenavi > *:first-child.current {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.rtl .nextpostslink,
.rtl .wp-pagenavi > *:last-child.current {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

/* No double-width borders on nearby buttons. */
.wp-pagenavi > a,
.wp-pagenavi > span {
    margin-left: -1px;
}
