/* DARK HEART CITY — MASTER 53 CLEAN INTERACTION COMPONENTS */

.dhc-work-cta{width:100%;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}
.dhc-work-cta a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(100%,470px);
  min-height:62px;
  padding:0 2px 15px;
  color:#fffaf4;
  text-decoration:none;
  font-family:"DM Mono","Courier New",monospace;
  font-size:12px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.dhc-work-cta a::before,
.dhc-work-cta a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
}
.dhc-work-cta a::before{background:rgba(255,250,244,.42)}
.dhc-work-cta a::after{
  background:linear-gradient(90deg,transparent 0%,#b980ff 25%,#e7c8ff 50%,#b980ff 75%,transparent 100%);
  filter:drop-shadow(0 0 5px rgba(185,128,255,.9));
  transform:scaleX(.55);
  transform-origin:center;
  opacity:.8;
  transition:transform .26s ease,opacity .26s ease,filter .26s ease;
}
.dhc-work-cta__arrow{font-size:18px;transition:transform .2s ease,text-shadow .2s ease}
.dhc-work-cta a:hover::after,.dhc-work-cta a:focus-visible::after{transform:scaleX(1);opacity:1;filter:drop-shadow(0 0 9px rgba(185,128,255,1))}
.dhc-work-cta a:hover .dhc-work-cta__arrow,.dhc-work-cta a:focus-visible .dhc-work-cta__arrow{transform:translateX(6px);text-shadow:0 0 8px #b980ff}
.dhc-work-cta a:focus-visible{outline:1px solid #b980ff;outline-offset:8px}

@media(max-width:900px){
  .dhc-work-cta{display:flex;justify-content:center;text-align:center;padding-top:18px}
  .dhc-work-cta a{
    width:min(88%,420px);
    justify-content:center;
    gap:16px;
    text-align:center;
    margin-inline:auto;
  }
  .dhc-work-cta__label{text-align:center}
}

.course-link--disabled{opacity:.55;cursor:default;text-decoration:none}.social-placeholder{opacity:.55;cursor:default}