@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

.buttondiv {
  cursor: pointer;
  position: fixed;
  height: 35px;
  bottom: 20px;
  width: 35px;
  left: 20px;
  color: #e0c3fc;
  z-index: 999;
  font-family: "Orbitron", sans-serif;
}

.autoplayer button {
  background: rgba(10, 5, 30, 0.97);
  cursor: pointer;
  color: #ff79c6;
  border: 2px solid #ff79c6;
  box-shadow: 0 0 6px #ff79c6, 0 0 14px rgba(255, 121, 198, 0.4), inset 0 0 6px rgba(255, 121, 198, 0.1);
  border-radius: 50%;
  padding: 1px 4px 0px 4px;
  font-size: 19px;
  position: fixed;
  height: 40px;
  bottom: 5px;
  width: 40px;
  left: 7px;
  z-index: 999;
  font-family: "Orbitron", sans-serif;
  transition: box-shadow 0.2s, color 0.2s, border-color 0.2s;
}

.autoplayer button:hover {
  color: #8be9fd;
  border-color: #8be9fd;
  box-shadow: 0 0 8px #8be9fd, 0 0 18px rgba(139, 233, 253, 0.4), inset 0 0 8px rgba(139, 233, 253, 0.1);
}

.autoplayer a {
  background: rgba(10, 5, 30, 0.97);
  color: #e0c3fc;
  text-decoration: none;
  padding: 0 16px;
  border-top: 2px solid #bd93f9;
  border-bottom: 2px solid #bd93f9;
  border-left: 2px solid #ff79c6;
  border-right: 2px solid #8be9fd;
  box-shadow: 0 0 6px rgba(189, 147, 249, 0.5), 0 0 14px rgba(189, 147, 249, 0.2), inset 0 0 8px rgba(189, 147, 249, 0.07);
  position: fixed;
  font-size: 13px;
  bottom: 8px;
  left: 56px;
  z-index: 999;
  white-space: nowrap;
  font-family: "Orbitron", sans-serif;
  letter-spacing: 1px;
  height: 34px;
  display: flex;
  align-items: center;
  transition: box-shadow 0.2s, color 0.2s;
}

.autoplayer a:hover {
  color: #ff79c6;
  box-shadow: 0 0 8px rgba(255, 121, 198, 0.6), 0 0 18px rgba(255, 121, 198, 0.2), inset 0 0 8px rgba(255, 121, 198, 0.08);
}