/* The game entrance follows the existing homepage destinations. */
.hero .arcade-cta{
  position:relative;
  flex:1 0 100%;
  justify-content:center;
  padding-inline:48px;
  background:#1454ed;
  color:#fff;
  border:1px solid #fff;
}
.hero .arcade-cta .cta-copy{
  width:100%;
  min-width:0;
  align-items:center;
  text-align:center;
}
.hero .arcade-cta .cta-copy>span{white-space:nowrap}
.hero .arcade-cta .cta-symbol{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
}
.hero .arcade-cta:hover{background:#1045c5}
.hero .arcade-cta:hover .cta-symbol{transform:translate(2px,-50%)}
.hero .arcade-cta:active{background:#0d38a1}
.hero .arcade-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:760px){
  .hero .arcade-cta{flex:auto}
  /* Reserve the third button's space without stretching the portrait. */
  .hero-visual{height:calc(100% - 192px)}
}