.nav-container {
      display: flex;
      justify-content: space-between;
      padding: 15px;
    }

    .nav-button {
      padding: 4px 10px;
      font-size: 18px;
      font-weight: bold;
      color: white;
      border: none;
      border-radius: 8px;
      text-decoration: none;
      transition: background 0.3s ease;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }

    .prev-button {
      background: linear-gradient(to right, #607D8B, #455A64);
    }

    .prev-button:hover {
      background: linear-gradient(to right, #455A64, #607D8B);
    }

    .next-button {
      background: linear-gradient(to right, #607D8B, #455A64);
    }

    .next-button:hover {
      background: linear-gradient(to right, #455A64, #607D8B);
    }

    .arrow-left {
      margin-right: 0px;
    }

    .arrow-right {
      margin-left: 0px;
    }    }