.button {
  background-color: #f2f2f2;
  color: #1d2758;
  font-size: 16px;
  font-weight: lighter;
  text-decoration: none !important; 
  border-radius: 4px;
  text-align: center;
  height: 50px;
  padding: 12px 10px;
  background-image: none;
  text-shadow: none;
  display: inline-block;
  transition: background-color 0.2s;
  
}

.sec-1, .sec-2, .sec-3 {
  display: flex;               
  justify-content: center;     
  align-items: center;         
  flex-wrap: wrap;             
  gap: 20px;                   
  margin-top: 10px;            
}

.sec-1 .button,
.sec-2 .button,
.sec-3 .button {
  width: 25%;          
  min-width: 220px;    
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sec-1 .button, .sec-2 .button, .sec-3 .button {
    width: 50%;        
  }
}

@media screen and (max-width: 767px) {
  .sec-1 .button, .sec-2 .button, .sec-3 .button {
    width: 95%;        
  }
}

.button:hover,
.button:focus,
.button:active {
  background-color: #327291 !important;
  color: #f2f2f2;
  background-image: unset;
  text-decoration: none !important;
}

.tekst, .tekst-strona {
  text-align: center;
}