:root {
  --accent: #c9a84c;
  --contrast-2: #b08f3a;
  --base-2: #ffffff;
  --wp--preset--color--base-3: #f5f0ed;
  --wp--preset--color--contrast-3: #e8dcc8;
  --wp--preset--color--base: #2c2c2c;
}

.card-button {
  color: #1a1a1a !important;
  border: none !important;
}

.card-button:hover {
  color: #1a1a1a !important;
}

.casino-table-cta-button {
  color: #b08f3a;
}

.casino-table-wrapper {
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
}

.casino-table {
  display: table !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  white-space: nowrap !important;
}

.casino-table th:first-child,
.casino-table td:first-child {
  position: -webkit-sticky !important;
  position: sticky !important;
  left: 0 !important;
  z-index: 2 !important;
  background: #ffffff !important;
}

.casino-table tbody tr:hover td:first-child {
  background: var(--wp--preset--color--base-3) !important;
}

.casino-table-logo {
  width: 100px !important;
  height: 50px !important;
  object-fit: contain !important;
}

@media (max-width: 640px) {
  .casino-table-logo {
    width: 80px !important;
    height: 40px !important;
  }
}