.btn-y { background: var(--yellow); color: var(--black); padding: 13px 30px; border-radius: 2px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; border: none; cursor: pointer; display: inline-block; text-decoration: none; transition: all 0.2s; }
.btn-y:hover { background: var(--yellow2); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(245,196,0,0.3); }

.btn-r { background: var(--red); color: white; padding: 13px 30px; border-radius: 2px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; border: none; cursor: pointer; display: inline-block; text-decoration: none; transition: all 0.2s; }
.btn-r:hover { background: var(--red2); transform: translateY(-2px); }

.btn-ghost { background: transparent; color: var(--white); padding: 12px 30px; border-radius: 2px; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; border: 2px solid rgba(255,255,255,0.2); cursor: pointer; display: inline-block; text-decoration: none; transition: all 0.2s; }
.btn-ghost:hover { border-color: var(--yellow); color: var(--yellow); }

.btn-black { background: var(--black); color: var(--yellow); padding: 14px 36px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; border: none; cursor: pointer; display: inline-block; text-decoration: none; transition: all 0.2s; white-space: nowrap; }
.btn-black:hover { background: var(--black2); box-shadow: 0 6px 24px rgba(0,0,0,0.4); }