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

.numeric_button:hover
{
  position: relative;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  border: 0px solid var(--clr01);
  color: #FF9F8F;
  background-color: var(--clr01);
  width: 40px;
  font-weight: bold;  
}

.current_page
{
  position: relative;
  padding: 6px 14px;
  text-decoration: none;
  border: 1px solid var(--clr03);
  color: #000;
  background-color: var(--clr03);
  width: 25px;
  height: 25px;
  border-radius: 80px;
  font-weight: bold;
}

.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;
}