.guziki-box ul {
  list-style-type: none;
  margin: 14px;
  padding: 1em 0px 0px 0px;
  display: grid;
  justify-content: center;
 /* gap: 1vw;*/
  grid-template-columns: repeat(4,0.5fr);
}
.guziki-box li a {
 /*   background-color: #747474;
    box-shadow: #bd5c57 4px 4px 0px;
    color: #fff;*/
    font-size: 15px;
    padding: 8px 5px;
    transition: all 0.5s ease;
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    border-radius: var(--border_radius);
}
.guziki-box li a:hover {
/*  background-color: var(--czerwony_logotyp);
  box-shadow: var(--ciemny_niebieski_logotyp) 5px 5px 0px;*/
  color:#000;
}
@media screen and (max-width:1200px){
  .guziki-box ul{
    grid-template-columns: repeat(3,1fr);
  }
}
@media screen and (max-width: 960px) {
  .guziki-box ul{
    grid-template-columns: repeat(1,1fr);
  }
}