.wfht-row{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:flex-end;
  margin-top:clamp(20px,3vw,34px);
}

.wrap.wfht-row{
  width:min(calc(100% - 48px),var(--max));
}

.audio-button{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:46px;
  margin-left:auto;
  padding:10px 14px 10px 18px;
  border:1px solid rgb(73 3 99/.18);
  background:#fff;
  color:var(--purple);
  font-size:.78rem;
  letter-spacing:.04em;
  line-height:1.25;
  box-shadow:0 10px 28px rgb(45 0 61/.09);
  cursor:not-allowed;
  opacity:.78;
}

.audio-button:disabled{color:var(--purple)}
.audio-button:hover{transform:none}
.audio-button span{
  margin-left:10px;
  padding:4px 8px;
  border-radius:99px;
  background:var(--plight);
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.audio-button.dark-audio{
  border-color:transparent;
  background:var(--grad);
  color:#fff;
  box-shadow:0 14px 34px rgb(73 3 99/.28);
  opacity:1;
}

.audio-button.dark-audio:disabled{color:#fff}
.audio-button.dark-audio span{background:rgb(255 255 255/.18);color:#fff}
.audio-button.light-audio{
  border-color:rgb(255 255 255/.4);
  background:#fff;
  color:var(--purple);
}

.home-wfht-row{
  position:relative;
  z-index:4;
  margin-bottom:-56px;
  padding-top:24px;
}

.home-wfht-row + .hero{
  padding-top:clamp(105px,10vw,145px);
}

@media(max-width:580px){
  .wrap.wfht-row{width:min(calc(100% - 30px),var(--max))}
  .wfht-row{justify-content:flex-end}
  .wfht-row .audio-button{width:max-content;margin-left:auto;padding:9px 11px 9px 14px;font-size:.7rem}
  .audio-button span{margin-left:7px;padding:3px 6px;font-size:.55rem}
  .home-wfht-row{margin-bottom:-48px;padding-top:18px}
  .home-wfht-row + .hero{padding-top:92px}
}