.best-sellers-container {
  height: 100%;
  width: 100%;
  background-size: 100%;
  background-repeat: repeat;
  display: flex;
  align-items: center;
}

.best-sellers-container .best-sellers-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

/* .light .best-sellers-container .best-sellers-content {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), transparent);
}

.dark .best-sellers-container .best-sellers-content {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
} */

.best-sellers-container .best-sellers-content strong {
  line-height: 4em;
}

.best-sellers-container .best-sellers-content img {
  filter: drop-shadow(0 0 1em var(--color-alt-info));
  width: 40%;
}

.best-sellers-container .best-sellers-content .best-sellers-actions {
  height: 100%;
  width: 50%;
  overflow-y: scroll;
}

.best-sellers-container .best-sellers-content .buttons {
  width: 100%;
  height: 5em;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.best-sellers-container .best-sellers-content .buttons a {
  width: 45%;
}

.best-sellers-container .best-sellers-content .buttons a:first-child button {
  border: 1px solid var(--color-primary);
  background-color: transparent;
  backdrop-filter: blur(1em);
}

.best-sellers-container .best-sellers-content .buttons a:first-child button * {
  color: var(--color-primary);
}

.best-sellers-container .best-sellers-content .buttons a:last-child button {
  background-color: var(--color-alt-primary);
  border: none;
}

.best-sellers-container .best-sellers-content .buttons button {
  height: 3.05em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  border-radius: .7em;
}

.best-sellers-container .best-sellers-content .buttons button:hover {
  box-shadow: inset 0 0 3em var(--color-alt-primary-light), 0 0 3em var(--color-alt-primary-light);
}