.buton-19:hover,.button-19{color:#fff!important} .button-19{ appearance:button; position:relative; background:linear-gradient(180deg,#161616 0%, #2a2a2a 100%); border:solid transparent; border-radius:18px; border-width:0 0 4px; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:din-round,sans-serif; font-size:16px; font-weight:800; letter-spacing:.7px; line-height:22px; margin:0; outline:0; overflow:hidden; padding:15px 20px; text-align:center; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,.3); touch-action:manipulation; transform:translateZ(0); transition:all .2s ease; user-select:none; -webkit-user-select:none; vertical-align:middle; white-space:nowrap; width:100%; box-shadow: 0 10px 24px rgba(0,0,0,.45), 0 4px 10px rgba(242,190,26,.15); } .button-19:before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 50%); pointer-events:none; } .button-19:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:-4px; z-index:-1; border:solid transparent; border-width:0 0 4px; border-radius:18px; background:linear-gradient(180deg,#f2be1a 0%, #c99d12 100%); background-clip:padding-box; } .button-19:hover:not(:disabled){ transform:translateY(-2px); filter:brightness(1.08); box-shadow: 0 14px 28px rgba(0,0,0,.55), 0 6px 14px rgba(242,190,26,.25); } .button-19:active:not(:disabled){ transform:translateY(1px); filter:brightness(.96); box-shadow: 0 6px 14px rgba(0,0,0,.35), 0 3px 8px rgba(242,190,26,.18); } .button-19:focus-visible{ box-shadow: 0 0 0 3px rgba(255,255,255,.1), 0 0 0 6px rgba(242,190,26,.4), 0 10px 24px rgba(0,0,0,.45); } .button-19:disabled{ cursor:auto; opacity:.6; }
Haziran 1, 2026

Kategori: Kolaybet Bonus Kampanyaları