@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap');

  .copy-btn {
    font-family: "Kode Mono", monospace;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background-color: rgb(239, 239, 239);
  }

  .copy-btn:hover {
    background-color: rgb(213, 213, 213);
  }

  .flag {
    background-color: black;
    font-family: "Kode Mono", monospace;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 14px;
    border-radius: 4px;
  }

  .flag-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-family: "";
  }

  .flag > div {
    width: 10px;
    position: relative;
    color: rgba(0, 0, 0, 0);
  }

  .flag > div:nth-child(1)::before {
    content: "A";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(2)::before {
    content: "I";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(3)::before {
    content: "S";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(4)::before {
    content: "3";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(5)::before {
    content: "{";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(6)::before {
    content: "W";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(7)::before {
    content: "e";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(8)::before {
    content: "l";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(9)::before {
    content: "c";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(10)::before {
    content: "o";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(11)::before {
    content: "m";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(12)::before {
    content: "e";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(13)::before {
    content: "_";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(14)::before {
    content: "A";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(15)::before {
    content: "n";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(16)::before {
    content: "d";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(17)::before {
    content: "_";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(18)::before {
    content: "E";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(19)::before {
    content: "n";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(20)::before {
    content: "j";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(21)::before {
    content: "o";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(22)::before {
    content: "y";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(23)::before {
    content: "_";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(24)::before {
    content: "T";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(25)::before {
    content: "h";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(26)::before {
    content: "e";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(27)::before {
    content: "_";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(28)::before {
    content: "C";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(29)::before {
    content: "T";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(30)::before {
    content: "F";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(31)::before {
    content: "_";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(32)::before {
    content: "!";
    position: absolute;
    color: whitesmoke;
  }

  .flag > div:nth-child(33)::before {
    content: "}";
    position: absolute;
    color: whitesmoke;
  }