/* Premium green button v2 (structure preserved) */ .buton-19:hover,.button-19{color:#fff!important} .button-19{ appearance:button; position:relative; /* IMPORTANT for :after layer */ background:linear-gradient(135deg,#22c55e 0%, #16a34a 45%, #0f7a37 100%); border:solid transparent; border-radius:16px; 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:15px; font-weight:800; letter-spacing:.9px; line-height:20px; margin:0; outline:0; overflow:hidden; padding:14px 18px; text-align:center; text-transform:uppercase; touch-action:manipulation; transform:translateZ(0); transition:transform .15s ease, filter .2s ease, box-shadow .2s ease; user-select:none; -webkit-user-select:none; vertical-align:middle; white-space:nowrap; width:100%; box-shadow:0 10px 22px rgba(16,185,129,.28); } /* glossy highlight */ .button-19:before{ content:""; position:absolute; inset:-40% -10% auto -10%; height:120%; transform:rotate(12deg); background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.22), rgba(255,255,255,.0)); opacity:.55; pointer-events:none; } .button-19:after{ background-clip:padding-box; background:linear-gradient(135deg,#16a34a 0%, #0f7a37 100%); border:solid transparent; border-radius:16px; border-width:0 0 4px; bottom:-4px; content:""; left:0; position:absolute; right:0; top:0; z-index:-1; } .button-19:focus,.button-19:main{user-select:auto} .button-19:hover:not(:disabled){ filter:brightness(1.08); -webkit-filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 14px 28px rgba(16,185,129,.34); } .button-19:active:not(:disabled){ transform:translateY(1px); filter:brightness(.98); box-shadow:0 8px 16px rgba(16,185,129,.24); } .button-19:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.22), 0 0 0 6px rgba(34,197,94,.35), 0 10px 22px rgba(16,185,129,.28); } .button-19:disabled{cursor:auto;opacity:.6}

Etiket: Casiperi kampanya