.pagination-wrapper { background: #fff; position: relative; &:before { //position: absolute; //width: 100%; //height: 2px; //left: 0; //top: -2px; //background: $blocks-color; //content: ''; } } ul.pagination { width: auto; position: relative; display: table; margin: 0 auto; margin-top: 37px; margin-bottom: 0; float: none; li { float: left; list-style: none; width: auto; height: 32px; border: 1px solid $border-items; line-height: 30px; text-align: center; margin: 3px 3px 0 3px; position: relative; z-index: 1; display: block; a { text-decoration: none; color: $main-color; font-size: 16px; font-weight: 700; display: block; height: 100%; //padding: 0 10px; padding: 0 2px; min-width: 32px; } &:active { background: #949494; a { @include Transition(0.05); @include Scale(1.05); } } &.active { background: #d7d7d7 !important; border: 1px solid #d7d7d7 !important; box-shadow: none !important; a { cursor: default; @include Scale(1); } } &.prev, &.next { cursor: pointer; border: 0; width: 32px; box-shadow: none !important; background: #fff !important; @include svgIcon(); span, a { font-size: 0; color: #fff; } a { position: absolute; top: 0; left: 0; } &:before { content: "\e916"; font-size: 16px; line-height: 32px; color: #555; } &.next:before { content: "\e917"; font-size: 16px; line-height: 32px; color: #555; } &.disabled { cursor: default; &:before { color: $border-items; } } } &:hover { @include Shadow2; &.prev, &.next { &:before { color: #4b4b4b; } &.disabled { &:before { color: $border-items; } } } } &:active { &.prev, &.next { &:before { color: #444444; } &.disabled { &:before { color: #969696; } } } } } } @media (max-width: 992px) { } @media (max-width: 767px) { }