a.e-playbutton {
  --button-size: 40px;
  --icon-size: 16px;
  --button-bg-color: var(--color-secondary);
  --button-icon-color: var(--color-primary);
  --button-hover-bg-color: var(--color-default);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: calc(var(--button-size) * -0.5) 0 0 calc(var(--button-size) * -0.5);
  width: var(--button-size);
  height: var(--button-size);
  border-radius: 50%;
  background: none;
  display: block;
  text-align: center;
  color: var(--button-icon-color) !important;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 99;
}
a.e-playbutton i {
  font-size: var(--icon-size);
  line-height: var(--button-size);
}
a.e-playbutton:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 1;
  background: var(--button-bg-color);
  z-index: -1;
  transition: opacity 0.5s, background-color 0.5s;
}
a.e-playbutton:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.8;
  background: var(--button-bg-color);
  z-index: -2;
  animation: playButtonPulse 1s 0s ease-out infinite;
}
@keyframes playButtonPulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@media (hover: hover) {
  a.e-playbutton:hover:before {
    background: var(--button-hover-bg-color);
    opacity: 1;
  }
  a.e-playbutton:hover:after {
    background: var(--button-hover-bg-color);
  }
}
/* >= 768px */
/* >= 1024px */
@media screen and (min-width: 1024px) {
  a.e-playbutton {
    --button-size: 60px;
    --icon-size: 30px;
  }
}
/* >= 1248px */
/* >= 1440px */
/* >= 1600px */
@media screen and (min-width: 1600px) {
  a.e-playbutton {
    --button-size: 100px;
    --icon-size: 40px;
  }
}
/* >= 1920px */
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Fvhosts%5C%2Fsentientexpanse.moremedia-development.at%5C%2Fhttpdocs%5C%2Fweb%5C%2Fthemes%5C%2Fcustom%5C%2F_elements%5C%2Fe_playbutton%5C%2Fe_playbutton.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%2CCAAC%3BEACG%2CmBAAA%3BEACA%2CiBAAA%3BEACA%2CmBAAmB%2CsBAAnB%3BEACA%2CqBAAqB%2CoBAArB%3BEACA%2CyBAAyB%2CoBAAzB%3BEAEA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CSAAA%3BEACA%2C2EAAA%3BEACA%2COAAO%2CkBAAP%3BEACA%2CQAAQ%2CkBAAR%3BEACA%2CkBAAA%3BEACA%2CgBAAA%3BEACA%2CcAAA%3BEACA%2CkBAAA%3BEACA%2COAAO%2CwBAAP%3BEACA%2CyBAAA%3BEACA%2CgBAAA%3BEACA%2CWAAA%3B%3BAApBJ%2CCAAC%2CaAsBG%3BEACI%2CWAAW%2CgBAAX%3BEACA%2CaAAa%2CkBAAb%3B%3BAAGJ%2CCA3BH%2CaA2BI%3BEACG%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2COAAA%3BEACA%2CQAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CkBAAA%3BEACA%2CUAAA%3BEACA%2CYAAY%2CsBAAZ%3BEACA%2CWAAA%3BEACA%2C%2BCAAA%3B%3BAAGJ%2CCAzCH%2CaAyCI%3BEACG%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2COAAA%3BEACA%2CQAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CkBAAA%3BEACA%2CYAAA%3BEACA%2CYAAY%2CsBAAZ%3BEACA%2CWAAA%3BEACA%2CkDAAA%3B%3BAAGJ%3BEACI%3BIACI%2CWAAW%2CQAAX%3BIACA%2CYAAA%3B%3BEAGJ%3BIACI%2CWAAW%2CUAAX%3BIACA%2CUAAA%3B%3B%3BAAqBZ%2CQAhBoB%3BEAGR%2CCAFP%2CaACI%2CMACI%3BIACG%2CYAAY%2C4BAAZ%3BIACA%2CUAAA%3B%3BEAGJ%2CCAPP%2CaACI%2CMAMI%3BIACG%2CYAAY%2C4BAAZ%3B%3B%3B%3B%3BAAmBhB%2CmBATsC%3BEAClC%2CCAAC%3BIACG%2CmBAAA%3BIACA%2CiBAAA%3B%3B%3B%3B%3B%3BAAoBR%2CmBARsC%3BEAClC%2CCAAC%3BIACG%2CoBAAA%3BIACA%2CiBAAA%22%7D */