.infolio-play-button{
  border-radius: 0 30px 0 0;
  .shap-left-top {
    position: absolute;
    top: -2.05rem;
    left: -1px;
    transform: rotate(270deg);
    line-height: 1;
    svg {
      width: 2.1rem;
      height: 2.1rem;
      path{
        fill: #ffffff;
      }
    }
  }
  .shap-right-bottom {
    position: absolute;
    bottom: -1px;
    right: -2.1rem;
    transform: rotate(270deg);
    line-height: 1;
    svg {
      width: 2.1rem;
      height: 2.1rem;
      path{
        fill: #ffffff;
      }
    }
  }
  a{
    display: inline-block;
  }
  .vid {
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
}

body.tcg-dark-mode {
  .infolio-play-button{
    .shap-left-top{
      svg{
        path{
          fill: #1d1d1d;
        }
      }
    }
    .shap-right-bottom{
      svg{
        path{
          fill: #1d1d1d;
        }
      }
    }
  }
}

@media (prefers-color-scheme: dark) {
  body.tcg-auto-mode {
    .infolio-play-button{
      .shap-left-top{
        svg{
          path{
            fill: #1d1d1d;
          }
        }
      }
      .shap-right-bottom{
        svg{
          path{
            fill: #1d1d1d;
          }
        }
      }
    }
  }
}