.basic-button {
    transition: 0.2s ease all;
    color: #fff !important;;
    text-align: center;
    padding: 8px 16px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none !important;
    max-width: 100%;
    flex: 1 1 auto; /* Кнопки занимают доступное место, но сохраняют свою минимальную ширину */
    text-align: center; /* Центрируем текст внутри кнопок */
    
  }
.buttons-container {
    display: flex; /* Включает flexbox */
    flex-wrap: wrap; /* Позволяет переносить элементы на новую строку, если не хватает места */
    gap: 10px; /* Отступы между кнопками */
 }
  .link-button {
    background-color: #2D9AFF;
  }
  
  .link-button:hover {
    color: white;
    background: #004D95;
  }

  .link-button-success {
    background-color: #0cb750;
  }
  
  .link-button-success:hover {
    color: white;
    background: #2c9e4d;
  }

  .link-button-warning {
    background-color: #ffc107;
  }
  
  .link-button-warning:hover {
    color: white;
    background: #a3b426;
  }

  .link-button-dangerous {
    background-color: #dc3545;
  }
  
  .link-button-dangerous:hover {
    color: white;
    background: #f50723;
  }

  .link-button-gray {
    background-color: #3b3838;
  }
  
  .link-button-gray:hover {
    color: white;
    background: #7d7b7b;
  }
  
  .create-button {
    background-color: #00AD45;
  }
  
  .create-button:hover {
    background-color: #005422;
  }
  
  .function-button {
    background-color: #595959;
  }
  
  .function-button:hover {
    background-color: #BDBDBD;
  }
  
  .delete-button {
    background-color: #FF6262;
  }
  
  .delete-button:hover {
    background-color: #ff8a8a;
  }

  .header-button{
    font-size: 14px !important;
    padding: 4px 8px !important;
  }