/* Shared component for theme CTAs, migrated Elementor buttons and Ghost cards. */
.more-button,.legacy-button,.kg-button-card a{
  display:inline-flex;align-items:center;justify-content:space-between;gap:18px;
  max-width:100%;min-height:48px;padding:10px 14px 10px 20px;
  border:1px solid var(--green);border-radius:10px;
  background:var(--mint);color:var(--ink)!important;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;
  text-align:left;text-decoration:none!important;vertical-align:middle;
  box-shadow:0 2px 0 rgb(13 196 62 / 10%);
  transition:background .2s,box-shadow .2s,transform .2s;
}
.more-button::after,.legacy-button::after,.kg-button-card a::after{
  content:'';display:block;flex:0 0 20px;width:20px;height:20px;border-radius:0;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324292e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/18px 18px no-repeat;
  transition:transform .2s;
}
.more-button:hover,.legacy-button:hover,.kg-button-card a:hover{
  background:#a5f5b5;transform:translateY(-1px);box-shadow:0 6px 18px rgb(13 196 62 / 16%);
}
.more-button:hover::after,.legacy-button:hover::after,.kg-button-card a:hover::after{transform:translateX(2px)}
.more-button:focus-visible,.legacy-button:focus-visible,.kg-button-card a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.more-button:active,.legacy-button:active,.kg-button-card a:active{transform:none;box-shadow:none}
.article-content .more-button,.article-content .legacy-button{margin:8px 0 16px}
.intro-band>.more-button{margin-left:auto;flex-shrink:0}
.error-page .more-button{margin-top:30px}
@media(max-width:800px){.intro-band>.more-button{margin-left:0}}
@media(prefers-reduced-motion:reduce){.more-button,.legacy-button,.kg-button-card a,.more-button::after,.legacy-button::after,.kg-button-card a::after{transition:none}}