/* FV consultation button: shared pamphlet design. */
.service-hero-button {
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:236px;
  max-width:100%;
  min-height:46px;
  margin:36px 0 0;
  padding:10px 17px;
  gap:10px;
  border:1px solid #bcbcbc;
  border-radius:2px;
  background:#fff;
  color:#595757;
  font-family:var(--font-zen);
  font-size:15.4px;
  font-weight:600;
  line-height:normal;
  letter-spacing:.05em;
  text-decoration:none;
  transition:opacity .2s;
}
.service-hero-button::after {
  content:"";
  flex:none;
  width:6px;
  height:6px;
  border-top:2px solid #827e7e;
  border-right:2px solid #827e7e;
  transform:rotate(45deg);
}
.service-hero-button:hover { opacity:.6; }
@media(max-width:920px) {
  .service-hero-button {
    width:100%;
    min-height:54px;
    margin-top:12px;
    /* Override the legacy margin shorthand on individual service pages. */
    margin-inline:auto !important;
    text-align:center;
    align-self:center;
    padding:14px 24px;
    gap:14px;
    font-size:16px;
  }
  .service-hero-button::after { width:8px; height:8px; }
  /* Only placement depends on the individual hero artwork. */
  .document-hero .service-hero-button { width:calc(100% - 40px); }
  .saiyou-hero .service-hero-button { position:absolute; top:561px; left:0; right:0; margin:0 auto; }
  .wp-hero .service-hero-button { position:absolute; top:595px; left:0; right:0; margin:0 auto; }
  .mservice-hero .service-hero-button { position:absolute; top:496px; left:0; right:0; margin:0 auto; }
}