/*
  Styles for transcript button in videojs player
    - Requires fontAwesome to be installed
*/


@media screen {
  .transcript {
    display: none;
    padding: 2rem;
    background: #e8f2f5;
  }

  .transcript-link {
    font-size: .82em;
    top: 2px;
  }
  .transcript-link:before {
    content: '\f0f6';
    font-family: FontAwesome;
    color: #FFFFFF;
  }
  .transcript-link:hover {
    cursor: pointer;
  }
}