.decklist-content {
  color: #fdce93;
  background-color: #3f3f3f;
  position: relative; /* so absolutely positioned children anchor to this */
  padding: 0.5rem;    /* make room for buttons inside */
}

.decklist-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.5rem;
}

.card-link {
  text-decoration: none;
  position: relative;
}

.card-link:hover {
  text-decoration: underline;
}

.card-preview {
  content: "";
  position: absolute;
  border-radius: 18px;
  right: 25px;
  width: 250px;
  height: 350px;
  background-color: white;
  background-image: url('../images/magic/card-back-collectors-edition.jpg');
  background-size: cover;
  margin-top: 2em;
}
.copyable-decklist {

  display: none;
  visibility: hidden;
}

/* .decklist-copy-btn {
  position: absolute;
  right: 15px;
  margin-top: -0.3rem;
} */

.decklist-actions {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  gap: 0.5rem;
}

.decklist-actions .btn {
  background: none;
  border: none;
  color: #fdce93;
  cursor: pointer;
}

.decklist-actions .btn:hover {
  text-decoration: underline;
}