.btn-outline {
  display: inline-block; border: 2px solid var(--black);
  padding: 14px 40px; font-size: .85rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  text-decoration: none; color: var(--black);
  cursor: pointer; background: transparent;
  transition: background .2s, color .2s, border-color .2s;
}
.btn-outline:hover { background: var(--yellow); border-color: var(--yellow); }

.btn-primary {
  display: inline-block; background: var(--yellow); color: var(--black);
  padding: 18px 56px; font-size: .95rem; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
  border: none; cursor: pointer; transition: transform .2s, box-shadow .2s;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(212,245,60,.3); }