.botones-de-paginacion {
  margin-top: 2.5rem;
  width: max-content;
  margin-inline: auto;

  & button {
    background: #fff;
    color: #101010;
    font-size: 1.875rem;
    font-family: 'Poppins';
    font-weight: 600;
    width: 50px;
    height: 57px;
    border: 1px solid #edeff1;
    border-right: none;
    cursor: pointer;

    &:first-of-type {
      border-top-left-radius: 0.5rem 0.5rem;
      border-bottom-left-radius: 0.5rem 0.5rem;
    }

    &:last-of-type {
      border-right: 1px solid #edeff1;
    }

    &:hover,
    &.activo {
      background: #1e59bc;
      color: #fff;
    }
  }
}