style.css

.no-fill {
  fill: none !important;
}

.text-grid-button {
  margin-top: auto;
  margin: 11px 6px 0px 12px;
}

.image-check-button {
  z-index: 200;
  padding: 2%;
  background-color: rgba(53, 59, 65, 0.8);
  color: white;
  position: absolute;
  height: 10%;
  aspect-ratio: 1 / 1;
  border-radius: 10%;
  top: 30%;
  left: 5%;
  transition: transform 200ms, -webkit-transform 200ms, -o-transform 200ms;
  transform: rotateY(0deg)
}

.flip-backside .image-check-button {
  transform: rotateY(180deg);
  transition: transform 200ms, -webkit-transform 200ms, -o-transform 200ms
}

@media (hover: hover) and (pointer: fine) {
  .image-check-button {
    top: 11%;
    right: 7%;
    left: unset;
    display: none;
    height: 15%;
  }

  :is(.card-grid-item, .card-profile .card-image):hover .image-check-button {
    display: inline;
  }

  .image-check-button[data-is-in-deck="true"] {
    display: inline;
  }
}

.cards-in-deck {
  font-weight: 500;
  color: #634496;
  margin-left: 8px;
}

.clipboard-bar {
  background-color: #f6f4fa;
  padding: 8px 2.5%;
  font-size: 12px;
  color: #535353;
  border-bottom: 1px solid rgba(99, 68, 150, 0.1);
  align-items: center;
  justify-content: center;
  display: flex;
}