.control-button-container.control-playlist-button {
  .poster-preview {
    position: absolute;
    bottom: 35px;
    width: 280px;
    height: 72px;
    display: flex;
    border-radius: 4px;
    box-shadow:
      0px 0px 0px 1px rgba(0, 0, 0, 0.2),
      0px 8px 60px -16px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: 400ms opacity;
    pointer-events: none;

    &:hover {
      opacity: 0 !important;
    }

    .poster-preview-img {
      width: 128px;
      height: inherit;
      border-radius: 4px 0 0 4px;
      background-size: contain;
      background-repeat: round;
    }

    .poster-preview-text {
      width: 152px;
      height: inherit;
      padding: 8px;
      background-color: rgba(0, 0, 0, 0.7);
      border-radius: 0 4px 4px 0;

      .poster-preview-text-title {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 3px;
        opacity: 0.7;
      }

      .poster-preview-text-name {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
      }
    }
  }

  &:hover {
    .poster-preview {
      opacity: 1;
    }
  }
}