.numeric_button
{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  border: 1px solid var(--clr01);
  color: #000;
  background-color: var(--clr01);
  width: 40px;
}

.numeric_button:hover
{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  border: 1px solid var(--clr01);
  color: #000;
  background-color: var(--clr01);
  width: 40px;
}

.current_page
{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border: 1px solid #000;
  width: 40px;    
}

.next_button
{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--clr01);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--clr01);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;  
  width: 40px;
}

.previous_button
{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--clr01);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid var(--clr01);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;  
  width: 40px;
}