.nc {
  display:inline-flex;
  position: absolute;
  top: 5px;
  left: 5px;
  font-family: 'Courier New', Courier, monospace;
  color: #FAF9F6;
  font-weight: bold;
  letter-spacing: 2px;
  border: 2px solid rgb(2, 45, 236);
  border-radius: 5px;
  padding: 3px 22px;
  background-color: rgba(4, 8, 15,1);
  user-select: none;
}
.nc:hover {
  background-color: rgb(6, 24, 54);
  border-color: #00e1ff;
  box-shadow: 0 0 10px rgba(0, 225, 255, 0.5);
}
.close-button {
  display: flex;
  align-items: center;
  padding: 2px 6px;
  background: rgba(255, 59, 48, 0.12);
  color: #ff3b30;
  font-family: 'Consolas', 'Courier New', monospace;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  border: 1px solid rgba(255, 59, 48, 0.5);
  border-radius: 2px;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
}

.close-button:active {
  background: rgba(255, 59, 48, 0.4);
  color: #ffffff;
}
.close-button:hover{
    background-color:rgb(250, 66, 66);
}
.nc1 {
   display: flex;
   align-items: center;
   gap: 8px;
   width : 100px;
   height: 25px;
   background: rgba(8, 12, 20, 0.9);
   border: 1px solid var(--theme-color, #00e1ff);
   border-right: 3px solid var(--theme-color, #00e1ff);
   border-radius: 2px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
   color: var(--theme-color, #00e1ff);
   justify-content:center;

}
.nc1:hover {
  background-color: rgb(6, 24, 54);
  border-color: #00e1ff;
  box-shadow: 0 0 10px rgba(0, 225, 255, 0.5);
}