.guziki-box ul{
    list-style-type: none;
    margin:1em 0px 0px 0px;
    padding:1em 0px 0px 0px;
    justify-content: center;
}
.guziki-box li{
	display:inline-block;
}
.guziki-box li a{
	text-align: justify;
	margin: 0.5em;
	z-index: 1;
	overflow: hidden;
	padding: 0.5em 1em;
	background-color: var(--jasny_niebieski);
	box-shadow: var(--jasny_niebieski_logotyp) 5px 5px 0px;
	border-radius: var(--border_radius);	
	display:block;
	color:var(--ciemny_niebieski_logotyp);
}
.guziki-box li a:hover,.guziki-box li a.hover{
	background-color:var(--czerwony_logotyp);
	box-shadow:var(--ciemny_niebieski_logotyp) 5px 5px 0px;
	color:#fff;
}
@media screen and (max-width: 1024px) {
  .guziki-box ul{
        grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (max-width: 760px) {
  .guziki-box ul{
        grid-template-columns: repeat(1,1fr);
		gap:2vw;
  }
}