:root {
  --page-bg: #0df;
  --poster-max: 430px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  min-height: 100%;
  background: var(--page-bg);
}

body {
  font-family: system-ui, -apple-system, Segoe UI, sans-serif;
}

.stage {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.poster-wrap {
  position: relative;
  width: 100%;
  max-width: var(--poster-max);
}

.poster {
  display: block;
  width: 100%;
  height: auto;
}

.cta {
  position: absolute;
  z-index: 2;
  display: block;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
}

.cta:hover {
  background: rgba(255, 255, 255, 0.12);
}

.cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  background: rgba(255, 255, 255, 0.12);
}

/* Transparent hit area over the painted Download Now pill */
.cta-download {
  left: 57.04%;
  top: 70.03%;
  width: 35.83%;
  height: 3.67%;
}

/* Transparent hit area over the painted Visit Website pill */
.cta-visit {
  left: 7.87%;
  top: 93.92%;
  width: 35.83%;
  height: 3.19%;
}