@import '../../../../../styles/core.scss';

.SearchPagination {
  border-top: 1px solid get(color 'ivory');
  display: flex !important;
  flex-direction: row-reverse;
  margin-top: 10px;
  padding-top: 20px;
  position: relative;

  &-State,
  &-Button {
    font-size: 14px;
  }

  &-State {
    color: get(color 'shale');
    font-size: 14px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
    text-align: center;
  }

  &-Button {
    background: none;
    border: 0;
    color: get(color 'graphite');
    cursor: pointer;
    padding: 0 5px;
    text-decoration: none;

    &:hover {
      color: get(color 'slate');
    }

    &:active,
    &:focus {
      color: var(--project-color-primary, get(color 'blue'));
    }
    box-shadow: 0 0 0 0 transparent;
    background: transparent;
    transition: .2s ease-out;
    &:focus {
      outline: 0;
      box-shadow: 0 0 0 0.4em #ebebeb;
      background: #ebebeb;
      border-radius: 1px;
    }
  }
}