.st-widget {
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border: solid 0.5px rgba(13, 12, 1, 0.05);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
  overflow: hidden;
  user-select: none;
}
.st-widget.st-button {
  --staytuned-play-button-color: var(--staytuned-widget-main-color);
  --staytuned-button-play-circle-color: white;
  background: var(--staytuned-widget-main-color);
  color: white;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  width: 205px;
  height: 44px;
  border-radius: 25px;
}
.st-widget.st-button .player-controls-bar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 8px 18px 8px 18px;
  font-size: 18px;
}
.st-widget.st-button .player-controls-bar staytuned-widget-button-play {
  margin-right: 8px;
  height: 26px;
  width: 26px;
}
.st-widget.st-button .playStatus span {
  font-weight: 300;
}
.st-widget.st-button::before {
  content: "";
  border-radius: 25px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000040;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
}
.st-widget.st-button:hover {
  cursor: pointer;
}
.st-widget.st-button:hover.st-button::before {
  opacity: 1;
}