    <style>
        body {
            font-family: 'Arial', sans-serif;
            margin: 20px;
        }

        .tabs {
            display: flex;
        }

        .tab {
        text-align: center;
      width: 200px;
      padding: 10px 20px;
      font-size: 16px;
      background-color: #fff;
      color: #000;
      border: 1px solid #000;
      border-radius: 5px;
      margin: 5px;
      cursor: pointer;
      transition: background-color 0.3s, border-color 0.3s, color 0.3s;
      text-decoration: none; /* Loại bỏ đường gạch chân mặc định của thẻ a */
      display: inline-block; /* Để có thể đặt chiều rộng và cao độ cho nút */
        }

        .tab:hover {
      background-color: #ff0000;
      border-color: #fff;
      color: #fff;        }

        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        .province-select {
            font-size: 16px;
            border-radius: 5px;
            padding: 5px;
            width: 300px;
            background: #f7f7f7;
        }

        .address-container {
            margin-top: 20px;
        }

        .table-container {
            width: 100%;
            border-collapse: collapse;
        }

        .table-container th, .table-container td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
        }

        .table-container th {
            background-color: #f2f2f2;
        }

        .table-container tbody tr {
            transition: background-color 0.3s;
        }

        .table-container tbody tr:hover {
            background-color: #f5f5f5;
        }

        .hidden {
            display: none;
        }
    </style>
