src/wolnelektury/static/2021/css/components/_player.scss

   1 .c-player {
   2   display: flex;
   3   width: 100%;
   4   align-items: center;
   5   position: relative;
   6 }
   7
   8 .c-player__btn {
   9   background: $color-primary;
  10   border: 0;
  11   outline: 0;
  12   border-radius: 50%;
  13   padding: 0;
  14   width: 60px;
  15   height: 60px;
  16   display: flex;
  17   align-items: center;
  18   justify-content: center;
  19   cursor: pointer;
  20
  21   img {}
  22 }
  23
  24 .c-player__timeline {
  25   width: calc(100% - 60px);
  26
  27   span {
  28     height: 5px;
  29     width: 100%;
  30     background: $color-primary;
  31     display: block;
  32   }
  33 }
  34
  35 .c-player__length {
  36   position: absolute;
  37   right: 0;
  38   padding-top: 3px;
  39   font-weight: bold;
  40   @include font-size(16px);
  41   line-height: 19px;
  42   text-align: right;
  43   letter-spacing: 0.01em;
  44 }