.b-pagination { position: relative; clear: both; margin: 30px 0 -5px 0; font: 700 14px/24px 'Open Sans', sans-serif; text-align: left; color: #4F4F4F; cursor: default; }
.b-pagination:first-child { margin-top: 0; }

.b-pagination a,
.b-pagination span { display: inline-block; vertical-align: top; margin-right: 0; margin-bottom: 5px; padding: 0 2px; min-width: 24px; height: 24px; letter-spacing: normal; text-decoration: none; text-align: center; color: #4F4F4F; background: transparent; border: 1px solid transparent; border-radius: 4px; transition: all 250ms; box-sizing: border-box; }

.b-pagination span { color: #fff; background: #FB6A95; border-color: #FB6A95; }
.b-pagination a:hover { color: #FB6A95; }

@media (max-width: 767px) {

    .b-pagination { margin: 0 -25vw; padding: 0 25vw; height: 46px; font: 700 14px/44px 'Open Sans', sans-serif; letter-spacing: -4px; white-space: nowrap; background: #fff; }

    .b-pagination a,
    .b-pagination span { margin-bottom: 0; min-width: 46px; height: 46px; letter-spacing: normal; }

}