@media(max-width:700px){
  .hero .actions{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    width:calc(100vw - 24px);
    margin-left:-12px;
    padding:4px 12px 14px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .hero .actions::-webkit-scrollbar{display:none}
  .hero .actions a{
    flex:0 0 auto;
    min-width:clamp(148px,52vw,210px);
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
    scroll-snap-align:start;
    box-shadow:0 12px 36px rgba(76,125,255,.18);
  }
  .hero .actions a:first-child{margin-left:0}
  .hero .actions a:last-child{margin-right:12px}
}