.cd-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:15px 28px;
  background:var(--cd-accent);
  color:#fff;
  border:0;
  border-radius:2px;
  font-family:var(--cd-heading);
  font-weight:600;
  font-size:15px;
  line-height:1.4;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background var(--cd-ease),transform var(--cd-ease);
  text-align:center
}

.cd-button:hover {
  background:var(--cd-accent-hover);
  transform:translateY(-1px)
}

.cd-button--small {
  min-height:44px;
  padding:11px 21px;
  font-size:13px
}

.cd-button--secondary {
  background:var(--cd-surface-raised);
  color:var(--cd-text)
}

.cd-button--secondary:hover {
  background:var(--cd-border)
}

.cd-text-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-weight:600;
  transition:color var(--cd-ease)
}

.cd-text-link:hover {
  color:var(--cd-accent)
}

.cd-text-link span {
  color:var(--cd-accent);
  font-size:22px
}