app.css

  #csdp-playbutton {
      position: absolute;
      left: 330px;
      top: 100px;
      font-size: 300px;
      opacity: 0.4;
      transition: 0.3s;
  }

  #csdp-interactive:hover #csdp-playbutton {
      opacity: 0.8;
  }

  #csdp-position {
      position: relative;
      border: 2px solid #5C5C5C;
      width: 960px;
  }

  #csdp-box {
      font-family: 'Franklin Gothic Medium', Arial, Helvetica, sans-serif;
      background-color: #ECECEC;
      font-size: 30px;
      width: calc(960px-1rem);
      height: 100px;
      position: relative;
      display: flex;
  }

  #csdp-container {
      padding: 20px;
      line-height: normal;
      display: inline-block;
      margin: auto;
      text-align: "center";
  }

  #csdp-text {
      margin: auto;
      text-align: center;
  }

  #csdp-playpause {
      padding-left: 30px;
      color: #8E8E8E;
      font-family: 'Franklin Gothic Medium', Arial, Helvetica, sans-serif;
      font-size: 20px;
      transition: 0.3s;
  }

  #csdp-interactive:hover>#csdp-playpause {
      color: #1B1B1B;
  }

  #initialLabel,
  #finalLabel {
      font-family: 'Franklin Gothic Medium', Arial, Helvetica, sans-serif;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 37px;
      opacity: 0;
  }