.zp-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:0;
  padding:10px 18px;
  text-decoration:none;
  font-weight:760;
  letter-spacing:.2em;
  text-transform:uppercase;
  border:1px solid #1b0b10;
  cursor:pointer;
  font-size: 14px;
  user-select:none;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.zp-btn__label{position:relative;z-index:1}
.zp-btn__fx{display:none}

.zp-btn--primary{
  background:#8a121d;
  color:#fff;
  border-color:#8a121d;
}
.zp-btn--primary:hover{
  background:#5c0b14;
  border-color:#5c0b14;
}

.zp-btn--ghost{
  background:transparent;
  color:#1b0b10;
  border-color:rgba(27,11,16,0.3);
}
.zp-btn--ghost:hover{
  color:#8a121d;
  border-color:#8a121d;
}

@media (prefers-reduced-motion:reduce){
  .zp-btn{transition:none}
  .zp-btn__fx{display:none}
}