.container {
  width: 100%;
}

.search-decks {
  --deck-width: 8rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--deck-width), 1fr));
  padding: 0.75rem;
  gap: 0.5rem;
}

.mdpro-deck {
  position: relative;
  display: flex;
  width: 8rem;
  height: 8rem;
  background-color: black;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid grey;
  border-radius: 10% 2%;
  cursor: pointer;

  &:hover {
    background-color: grey;
  }

  img {
    width: 4rem;
  }

  .text {
    text-align: center;
    font-size: 0.8rem;
  }

}
.copy-btn {
    background-color: #4B4B4B;
  }

.empty {
  gap: 1.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
