.match-page-hidden{display:none!important}

.match-pagination{
  display:flex;
  justify-content:center;
  padding:14px 0 4px;
}

.match-pagination[hidden]{display:none!important}

.match-pagination-button{
  min-width:220px;
  height:42px;
  padding:0 18px;
  border:1px solid #d7dbe0;
  border-radius:8px;
  background:#fff;
  color:#30353b;
  font:700 12px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}

.match-pagination-button:hover{
  border-color:#bfc4ca;
  background:#f8f9fa;
  color:#111;
}

.match-pagination-button:focus-visible{
  outline:3px solid rgba(215,25,32,.12);
  outline-offset:2px;
  border-color:#b8bdc3;
}

@media(max-width:620px){
  .match-pagination{padding-top:12px}
  .match-pagination-button{width:100%;min-width:0}
}