.pagination\:containerr {
  display: flex; 
  text-align: center;
  align-items: center; 
  float: right;

}

 

.pagination\:number {
  --size: 32px;
  --margin: 6px;
  color: #164C7A;
  margin: 0 var(--margin);
  border-radius: 6px;
  border: 2px solid #164C7A;
  max-width: auto;
  min-width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold; 
  padding: 0 6px;
  @media (hover: hover) {
    &:hover {
      background: lighten(#202020, 3%);
    }
  }
  &:active {
      background: lighten(#202020, 3%);
  }
}

.pagination\:active {
  background: #164C7A;
  color: white;
  position: relative;
  cursor: default;
}

.araform { height: 35px; border-radius:7px; border:1px solid lightgray; }
.arasvg { margin-left: 5px; margin-top: 7px; width: 17px; }