table {
  border-collapse: collapse;
  width: 100%;
  border: 6px double var(--text-color);
}

td, th {
  border: 1px solid var(--text-color);
  text-align: left;
  padding: 8px;
}

th {
  border-right: 6px double var(--text-color);
}

.buttontable th {
  width: 100px;
}

.buttontable img{transition: all .2s ease-in-out;display: inline; image-rendering: pixelated;}
.buttontable img:hover {transform: scale(1.2); opacity: 0.5; cursor: var(--cursor-hover), default;}