.formatxt pre{
  background-color: #1e1e1e;
  padding: var(--space-0-5) var(--space-0-25);
  border-radius: var(--radius);
  overflow-x: auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #333;
  position: relative;
}
.formatxt pre code{
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: var(--fs-small);   
  line-height: 1.6;
  color: #e4e4e4;
  display: block;
}
/* 2. Create the top-right badge */
.formatxt pre code::before {
  content: attr(class); 
  /* Position it at the top right */
  position: absolute;
  top: 0;
  right: 0;
  /* Style the badge */
  background-color: #333;
  color: #a0a0a0;
  padding: 5px 10px;
  line-height: 1;
  font-family: sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  border-top-right-radius: var(--radius); 
  border-bottom-left-radius: var(--radius); 
}