.btn {
  display:inline-block;             /* Allows padding and width/height */
  padding:12px 30px;                /* Button padding */
  border:none;                      /* No default border */
  border-radius:5px;                /* Rounded corners */
  font:500 1rem var(--font-primary);/* Medium weight, 1rem size, main font */
  cursor:pointer;                   /* Pointer on hover */
  text-align:center;                /* Center button text */
  transition:.3s;                   /* Smooth transitions for hover */
}
.btn-primary {
  background:var(--accent-color);   /* Accent color background */
  color:var(--white-color);         /* White text */
}
.btn-primary:hover {
  background:#e67e00;               /* Darker accent on hover */
  transform:translateY(-2px);       /* Slight "lift" effect */
  box-shadow:0 6px 12px rgba(255,140,0,.3); /* Glowing orange shadow */
}
.btn-secondary {
  background:var(--primary-color);  /* Primary color background */
  color:var(--white-color);         /* White text */
  border:1px solid var(--primary-color); /* Border matches background */
}
.btn-secondary:hover {
  background:var(--secondary-color);         /* Lighter blue on hover */
  border-color:var(--secondary-color);       /* Border matches hover background */
  transform:translateY(-2px);                /* Slight "lift" effect */
}