.module-pad-link {
  display: flex;
  justify-content: center;
}
.module-pad-link--pad {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2em 4em;
  font-size: 1rem;
  max-width: 25em;
}
.module-pad-link--title {
  font-size: 1.375em;
}
.module-pad-link--paragraph {
  margin-bottom: 0;
  font-size: 1em;
}
.module-pad-link--pad span.fake-link {
  display: block;
  margin-top: 0.5em;
}
.module-pad-link--pad .link-button {
  margin-top: 0.75em;
}
.module-pad-link--pad .link-button span {
  background: #fff;
  color: var(--orange);
}

section.module-pad-link .html-anim--explosion {
  --anim-size: 15rem;
  top: 0;
  right: 0;
  transform: translate(30%, -43%);
  z-index: -1;
}
section.module-pad-link .html-anim--explosion:last-child {
  top: auto;
  bottom: 0;
  left: 0;
  transform: translate(-30%, 43%) rotate(180deg);
}
section.module-pad-link :not(.activated) .html-anim--explosion {
  transform: none;
}
section.module-pad-link .html-anim * {
  transition-delay: calc(var(--delay) / 2);
}
section.module-pad-link .html-anim--explosion .circle {
  background: var(--orange-light);
}
section.module-pad-link.background-blue-light .html-anim--explosion .circle,
section.module-pad-link.background-orange-light .html-anim--explosion .circle {
  background: #fff;
}

@media screen and (min-width: 1024px) {
}

@media screen and (max-width: 1023px) {
  .module-pad-link--pad {
    width: 65vw;
    box-sizing: border-box;
    padding: 2em;
    font-size: 1.4rem;
  }
}