edit-category-img {
  display: block;
  position: absolute;
}

.pager-option {
  display: flex;
  height: 250px;
  -webkit-align-items: center;
  background-size: cover;
  background-position: center;
  padding: 0;
  cursor: pointer;
  border: 2px solid white;

  &.pager-option-selected {
    > div {
      // background-color: rgba(86, 47, 52, 0.5);
      background-color: rgba(84, 172, 244, 0.3);

      &:hover {
        background-color: rgba(84, 172, 244, 0.3);
      }
    }
  }

  > div {
    display: flex;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    // background-color: rgba(86, 47, 52, 0.9);
    background-color: rgba(84, 172, 244, 0.9);

    &:hover {
      background-color: rgba(84, 172, 244, 0.95);
    }

    > div {
      width: 100%;
    }
  }

  h3,
  p {
    flex: 1;
    color: white;
  }
}

.pager-options-btn {
  padding: 0;
  border: 2px solid white;
}

.btn-pager {
  width: 100%;
  border-radius: 0;
  color: white;
  background-color: rgb(84, 172, 244);
  border-color: rgb(84, 172, 244);
  outline: 0 !important;
  height: 42px;

  &:hover,
  &:focus,
  &:active {
    color: white;
    background-color: rgb(84, 172, 244);
  }

  &.btn-pager-outline {
    color: rgb(84, 172, 244);
    background-color: white;
    border: 1px solid;
  }

  &.btn-pager-success {
    background-color: #33cd5f;
    border-color: #28a54c;
  }
}
