.grab {
  cursor: grab;
  font-family: 'Special Elite';
}

#clear-playlist {
  position: absolute;
  right: 8px;             /* avstånd från höger kant — justera vid behov */
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 6px;
  width: 60px;            /* justera storlek vid behov */
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

#clear-playlist img 
	{ 
	display: block; 
	width: 32px; 
	height: 32px; 
	filter: invert(1);
}


.dragging {
  font-weight: bold;
}



.playlist-create-class {
	margin-left: 20px;}

.playlist-look-class {
	list-style: none;
	padding: 0; 
	margin: 0;
}



.rens-a, .spel-a, .rens-b, .spel-b {
  background-color: #A5A9B4;
  color: white;
  padding: 0.2em 1.2em;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1rem;
}

.rens-a:hover, .spel-both:hover, .spel-a:hover, .spel-b:hover, .rens-b:hover {
  background-color: #888B97;
}


.spel-both {
  background-color: #A5A9B4;
  color: white;
  padding: 0.2em 1.2em;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1rem;
}