/* === v1.33.7 Button Preset Library ===
   Admin panelden seçilen button preset public sitedeki genel butonlara uygulanır.
   Admin panel butonları etkilenmez; sadece preview kartları ayrıca stillenir.
*/

:root{
  --kb-button-font:-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Public target list */
body:not(.admin-body)[class*="button-preset-"] .btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] button.btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] a.btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] .green:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] button.green:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] .market-order-btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview .kb-button-preview{
  appearance:none!important;
  border:0!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-family:var(--kb-button-font)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
  min-height:42px!important;
  padding:0 18px!important;
  text-align:center!important;
  text-decoration:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
  white-space:nowrap!important;
  transition:all .18s ease!important;
}

/* Disabled common */
body:not(.admin-body)[class*="button-preset-"] .btn[disabled],
body:not(.admin-body)[class*="button-preset-"] button[disabled],
body:not(.admin-body)[class*="button-preset-"] .market-order-btn[disabled]{
  opacity:.62!important;
  cursor:not-allowed!important;
  transform:none!important;
  filter:grayscale(.15)!important;
}

/* Button 5 - friendly green 3D */
body.button-preset-button-5 .btn:not(.danger):not(.ghost),
body.button-preset-button-5 button.btn:not(.danger):not(.ghost),
body.button-preset-button-5 a.btn:not(.danger):not(.ghost),
body.button-preset-button-5 .green:not(.danger):not(.ghost),
body.button-preset-button-5 button.green:not(.danger):not(.ghost),
body.button-preset-button-5 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-5 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-5 .kb-button-preview{
  background:#58cc02!important;
  color:#fff!important;
  border-radius:16px!important;
  border:0 solid transparent!important;
  border-bottom:4px solid #46a302!important;
  box-shadow:0 2px 0 rgba(0,0,0,.12)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}
body.button-preset-button-5 .btn:hover,
body.button-preset-button-5 .green:hover,
body.button-preset-button-5 .market-order-btn:hover,
body.button-preset-button-5 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-5 .kb-button-preview:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}

/* Button 19 - modern dark outline/glow */
body.button-preset-button-19 .btn:not(.danger):not(.ghost),
body.button-preset-button-19 button.btn:not(.danger):not(.ghost),
body.button-preset-button-19 a.btn:not(.danger):not(.ghost),
body.button-preset-button-19 .green:not(.danger):not(.ghost),
body.button-preset-button-19 button.green:not(.danger):not(.ghost),
body.button-preset-button-19 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-19 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-19 .kb-button-preview{
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:8px!important;
  box-shadow:rgba(255,255,255,.06) 0 1px 0 inset, rgba(0,0,0,.25) 0 8px 18px!important;
}
body.button-preset-button-19 .btn:hover,
body.button-preset-button-19 .green:hover,
body.button-preset-button-19 .market-order-btn:hover,
body.button-preset-button-19 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-19 .kb-button-preview:hover{
  box-shadow:rgba(25,200,245,.20) 0 0 0 3px, rgba(0,0,0,.30) 0 12px 26px!important;
}

/* Button 22 - blue pill */
body.button-preset-button-22 .btn:not(.danger):not(.ghost),
body.button-preset-button-22 button.btn:not(.danger):not(.ghost),
body.button-preset-button-22 a.btn:not(.danger):not(.ghost),
body.button-preset-button-22 .green:not(.danger):not(.ghost),
body.button-preset-button-22 button.green:not(.danger):not(.ghost),
body.button-preset-button-22 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-22 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-22 .kb-button-preview{
  background:#405cf5!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:rgba(50,50,93,.18) 0 10px 18px -6px, rgba(0,0,0,.22) 0 6px 12px -8px!important;
}
body.button-preset-button-22 .btn:hover,
body.button-preset-button-22 .green:hover,
body.button-preset-button-22 .market-order-btn:hover,
body.button-preset-button-22 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-22 .kb-button-preview:hover{
  background:#3349d8!important;
  transform:translateY(-1px)!important;
}

/* Button 24 - white minimal */
body.button-preset-button-24 .btn:not(.danger):not(.ghost),
body.button-preset-button-24 button.btn:not(.danger):not(.ghost),
body.button-preset-button-24 a.btn:not(.danger):not(.ghost),
body.button-preset-button-24 .green:not(.danger):not(.ghost),
body.button-preset-button-24 button.green:not(.danger):not(.ghost),
body.button-preset-button-24 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-24 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-24 .kb-button-preview{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d5d9e2!important;
  border-radius:8px!important;
  box-shadow:rgba(0,0,0,.08) 0 2px 5px!important;
}
body.button-preset-button-24 .btn:hover,
body.button-preset-button-24 .green:hover,
body.button-preset-button-24 .market-order-btn:hover,
body.button-preset-button-24 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-24 .kb-button-preview:hover{
  background:#f7f8fb!important;
  box-shadow:rgba(0,0,0,.12) 0 5px 12px!important;
}

/* Button 27 - orange 3D CTA */
body.button-preset-button-27 .btn:not(.danger):not(.ghost),
body.button-preset-button-27 button.btn:not(.danger):not(.ghost),
body.button-preset-button-27 a.btn:not(.danger):not(.ghost),
body.button-preset-button-27 .green:not(.danger):not(.ghost),
body.button-preset-button-27 button.green:not(.danger):not(.ghost),
body.button-preset-button-27 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-27 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-27 .kb-button-preview{
  background:#ff7a1a!important;
  color:#fff!important;
  border-radius:10px!important;
  border-bottom:4px solid #c94b05!important;
  box-shadow:rgba(255,122,26,.28) 0 12px 22px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
}
body.button-preset-button-27 .btn:hover,
body.button-preset-button-27 .green:hover,
body.button-preset-button-27 .market-order-btn:hover,
body.button-preset-button-27 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-27 .kb-button-preview:hover{
  background:#ff8a2f!important;
  transform:translateY(-1px)!important;
}

/* Button 29 - cyan neon */
body.button-preset-button-29 .btn:not(.danger):not(.ghost),
body.button-preset-button-29 button.btn:not(.danger):not(.ghost),
body.button-preset-button-29 a.btn:not(.danger):not(.ghost),
body.button-preset-button-29 .green:not(.danger):not(.ghost),
body.button-preset-button-29 button.green:not(.danger):not(.ghost),
body.button-preset-button-29 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-29 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-29 .kb-button-preview{
  background:linear-gradient(180deg,#20e3ff,#0797cf)!important;
  color:#fff!important;
  border-radius:8px!important;
  border:1px solid rgba(190,248,255,.40)!important;
  box-shadow:0 0 0 1px rgba(25,200,245,.10) inset, 0 12px 28px rgba(25,200,245,.22)!important;
}
body.button-preset-button-29 .btn:hover,
body.button-preset-button-29 .green:hover,
body.button-preset-button-29 .market-order-btn:hover,
body.button-preset-button-29 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-29 .kb-button-preview:hover{
  box-shadow:0 0 18px rgba(25,200,245,.55), 0 12px 28px rgba(25,200,245,.28)!important;
}

/* Button 36 - purple soft */
body.button-preset-button-36 .btn:not(.danger):not(.ghost),
body.button-preset-button-36 button.btn:not(.danger):not(.ghost),
body.button-preset-button-36 a.btn:not(.danger):not(.ghost),
body.button-preset-button-36 .green:not(.danger):not(.ghost),
body.button-preset-button-36 button.green:not(.danger):not(.ghost),
body.button-preset-button-36 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-36 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-36 .kb-button-preview{
  background:#7c3aed!important;
  color:#fff!important;
  border-radius:12px!important;
  box-shadow:rgba(124,58,237,.30) 0 12px 26px!important;
}
body.button-preset-button-36 .btn:hover,
body.button-preset-button-36 .green:hover,
body.button-preset-button-36 .market-order-btn:hover,
body.button-preset-button-36 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-36 .kb-button-preview:hover{
  background:#6d28d9!important;
  transform:translateY(-1px)!important;
}

/* Button 62 - user supplied coral gradient */
body.button-preset-button-62 .btn:not(.danger):not(.ghost),
body.button-preset-button-62 button.btn:not(.danger):not(.ghost),
body.button-preset-button-62 a.btn:not(.danger):not(.ghost),
body.button-preset-button-62 .green:not(.danger):not(.ghost),
body.button-preset-button-62 button.green:not(.danger):not(.ghost),
body.button-preset-button-62 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-62 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-62 .kb-button-preview{
  background:linear-gradient(to bottom right,#EF4765,#FF9A5A)!important;
  border-radius:12px!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:2.5!important;
  box-shadow:none!important;
}
body.button-preset-button-62 .btn:hover,
body.button-preset-button-62 .btn:focus,
body.button-preset-button-62 .green:hover,
body.button-preset-button-62 .market-order-btn:hover,
body.button-preset-button-62 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-62 .kb-button-preview:hover{
  box-shadow:0 0 .25rem rgba(0,0,0,.5), -.125rem -.125rem 1rem rgba(239,71,101,.5), .125rem .125rem 1rem rgba(255,154,90,.5)!important;
}

/* Button 63 - warm yellow/orange */
body.button-preset-button-63 .btn:not(.danger):not(.ghost),
body.button-preset-button-63 button.btn:not(.danger):not(.ghost),
body.button-preset-button-63 a.btn:not(.danger):not(.ghost),
body.button-preset-button-63 .green:not(.danger):not(.ghost),
body.button-preset-button-63 button.green:not(.danger):not(.ghost),
body.button-preset-button-63 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-63 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-63 .kb-button-preview{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#1f1300!important;
  border-radius:999px!important;
  box-shadow:rgba(250,204,21,.26) 0 12px 26px!important;
  font-weight:900!important;
}
body.button-preset-button-63 .btn:hover,
body.button-preset-button-63 .green:hover,
body.button-preset-button-63 .market-order-btn:hover,
body.button-preset-button-63 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-63 .kb-button-preview:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px)!important;
}

/* Button 64 - glass cyan */
body.button-preset-button-64 .btn:not(.danger):not(.ghost),
body.button-preset-button-64 button.btn:not(.danger):not(.ghost),
body.button-preset-button-64 a.btn:not(.danger):not(.ghost),
body.button-preset-button-64 .green:not(.danger):not(.ghost),
body.button-preset-button-64 button.green:not(.danger):not(.ghost),
body.button-preset-button-64 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-64 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-64 .kb-button-preview{
  background:rgba(25,200,245,.14)!important;
  color:#dffbff!important;
  border:1px solid rgba(25,200,245,.45)!important;
  border-radius:12px!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 24px rgba(25,200,245,.12)!important;
}
body.button-preset-button-64 .btn:hover,
body.button-preset-button-64 .green:hover,
body.button-preset-button-64 .market-order-btn:hover,
body.button-preset-button-64 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-64 .kb-button-preview:hover{
  background:rgba(25,200,245,.22)!important;
  box-shadow:0 0 18px rgba(25,200,245,.30)!important;
}

/* Button 86 - black/gold premium */
body.button-preset-button-86 .btn:not(.danger):not(.ghost),
body.button-preset-button-86 button.btn:not(.danger):not(.ghost),
body.button-preset-button-86 a.btn:not(.danger):not(.ghost),
body.button-preset-button-86 .green:not(.danger):not(.ghost),
body.button-preset-button-86 button.green:not(.danger):not(.ghost),
body.button-preset-button-86 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-86 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-86 .kb-button-preview{
  background:linear-gradient(180deg,#1c1c1c,#050505)!important;
  color:#ffd84a!important;
  border:1px solid rgba(255,216,74,.42)!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.button-preset-button-86 .btn:hover,
body.button-preset-button-86 .green:hover,
body.button-preset-button-86 .market-order-btn:hover,
body.button-preset-button-86 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-86 .kb-button-preview:hover{
  box-shadow:0 0 20px rgba(255,216,74,.26), 0 12px 28px rgba(0,0,0,.36)!important;
  transform:translateY(-1px)!important;
}

/* Mobile common */
@media(max-width:760px){
  body:not(.admin-body)[class*="button-preset-"] .btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] button.btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] a.btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] .green:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] button.green:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] .market-order-btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] .stream-event-btn:not(.danger):not(.ghost){
    font-size:14px!important;
    min-height:40px!important;
    padding:0 14px!important;
  }
}

/* Admin preview UI */
.button-preset-admin-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
  margin:16px 0;
}
.button-preset-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid rgba(45,180,220,.18);
  border-radius:16px;
  background:rgba(0,18,28,.34);
}
.button-preset-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.button-preset-card.is-active,
.button-preset-card:has(input:checked){
  border-color:rgba(25,200,245,.55);
  box-shadow:0 0 0 2px rgba(25,200,245,.12);
}
.button-preset-label{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.button-preset-label strong{color:#fff;font-size:14px;}
.button-preset-label span{color:rgba(190,220,232,.68);font-size:12px;}
.kb-button-preview{pointer-events:none;}


/* === v1.34.0 Admin Button Preset Preview FORCE ===
   Admin paneldeki önizleme butonlarının düz beyaz görünmesini kesin olarak düzeltir.
*/

html body .admin-main .button-preset-preview .kb-button-preview{
  appearance:none!important;
  border:0!important;
  cursor:default!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:110px!important;
  min-height:42px!important;
  padding:0 18px!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:1!important;
  filter:none!important;
}

/* Button 5 */
html body .admin-main .button-preset-preview.button-5 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-5 .kb-button-preview{
  background:#58cc02!important;
  color:#fff!important;
  border-radius:16px!important;
  border:0!important;
  border-bottom:4px solid #46a302!important;
  box-shadow:0 2px 0 rgba(0,0,0,.12)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}

/* Button 19 */
html body .admin-main .button-preset-preview.button-19 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-19 .kb-button-preview{
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:8px!important;
  box-shadow:rgba(255,255,255,.06) 0 1px 0 inset, rgba(0,0,0,.25) 0 8px 18px!important;
}

/* Button 22 */
html body .admin-main .button-preset-preview.button-22 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-22 .kb-button-preview{
  background:#405cf5!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:rgba(50,50,93,.18) 0 10px 18px -6px, rgba(0,0,0,.22) 0 6px 12px -8px!important;
}

/* Button 24 */
html body .admin-main .button-preset-preview.button-24 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-24 .kb-button-preview{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d5d9e2!important;
  border-radius:8px!important;
  box-shadow:rgba(0,0,0,.08) 0 2px 5px!important;
}

/* Button 27 */
html body .admin-main .button-preset-preview.button-27 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-27 .kb-button-preview{
  background:#ff7a1a!important;
  color:#fff!important;
  border-radius:10px!important;
  border:0!important;
  border-bottom:4px solid #c94b05!important;
  box-shadow:rgba(255,122,26,.28) 0 12px 22px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
}

/* Button 29 */
html body .admin-main .button-preset-preview.button-29 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-29 .kb-button-preview{
  background:linear-gradient(180deg,#20e3ff,#0797cf)!important;
  color:#fff!important;
  border-radius:8px!important;
  border:1px solid rgba(190,248,255,.40)!important;
  box-shadow:0 0 0 1px rgba(25,200,245,.10) inset, 0 12px 28px rgba(25,200,245,.22)!important;
}

/* Button 36 */
html body .admin-main .button-preset-preview.button-36 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-36 .kb-button-preview{
  background:#7c3aed!important;
  color:#fff!important;
  border-radius:12px!important;
  box-shadow:rgba(124,58,237,.30) 0 12px 26px!important;
}

/* Button 62 */
html body .admin-main .button-preset-preview.button-62 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-62 .kb-button-preview{
  background:linear-gradient(to bottom right,#EF4765,#FF9A5A)!important;
  border-radius:12px!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:2.5!important;
  box-shadow:none!important;
}

/* Button 63 */
html body .admin-main .button-preset-preview.button-63 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-63 .kb-button-preview{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#1f1300!important;
  border-radius:999px!important;
  box-shadow:rgba(250,204,21,.26) 0 12px 26px!important;
  font-weight:900!important;
}

/* Button 64 */
html body .admin-main .button-preset-preview.button-64 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-64 .kb-button-preview{
  background:rgba(25,200,245,.14)!important;
  color:#dffbff!important;
  border:1px solid rgba(25,200,245,.45)!important;
  border-radius:12px!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 24px rgba(25,200,245,.12)!important;
}

/* Button 86 */
html body .admin-main .button-preset-preview.button-86 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-86 .kb-button-preview{
  background:linear-gradient(180deg,#1c1c1c,#050505)!important;
  color:#ffd84a!important;
  border:1px solid rgba(255,216,74,.42)!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html body .admin-main .button-preset-preview .kb-button-preview:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
}



/* === v1.48.13 Uiverse preset additions + Home Social target support ===
   Bu bölüm /admin/button-settings için ek presetleri ve sosyal kart butonlarını destekler.
   Not: Uiverse bağlantılarındaki stillere uygun, projeye uyarlanmış preset sınıflarıdır.
*/

body:not(.admin-body)[class*="button-preset-"] .kb-home-social-btn.btn:not(.danger):not(.ghost){
  pointer-events:auto!important;
}

/* Uiverse Fat Mouse 84 - red shadow label */
body.button-preset-uiverse-fat-mouse-84 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-fat-mouse-84 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-fat-mouse-84 .kb-button-preview{
  background:linear-gradient(180deg,#ff365d 0%,#d90f3a 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  box-shadow:0 10px 0 #8e0824, 0 15px 24px rgba(255,25,75,.28)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.25)!important;
  transform:translateY(-3px)!important;
}
body.button-preset-uiverse-fat-mouse-84 .btn:hover,
body.button-preset-uiverse-fat-mouse-84 .green:hover,
body.button-preset-uiverse-fat-mouse-84 .market-order-btn:hover,
body.button-preset-uiverse-fat-mouse-84 .stream-event-btn:hover,
body.button-preset-uiverse-fat-mouse-84 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-fat-mouse-84 .kb-button-preview:hover{
  transform:translateY(-5px)!important;
  filter:brightness(1.05)!important;
}
body.button-preset-uiverse-fat-mouse-84 .btn:active,
body.button-preset-uiverse-fat-mouse-84 .green:active,
body.button-preset-uiverse-fat-mouse-84 .market-order-btn:active,
body.button-preset-uiverse-fat-mouse-84 .stream-event-btn:active,
body.button-preset-uiverse-fat-mouse-84 .kb-home-social-btn.btn:active{
  transform:translateY(3px)!important;
  box-shadow:0 3px 0 #8e0824, 0 8px 18px rgba(255,25,75,.22)!important;
}

/* Uiverse Tall Mayfly 60 - transparent framed hover */
body.button-preset-uiverse-tall-mayfly-60 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-tall-mayfly-60 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-tall-mayfly-60 .kb-button-preview{
  min-width:150px!important;
  background:transparent!important;
  color:#e8f8ff!important;
  border:2px solid rgba(232,248,255,.88)!important;
  border-radius:0!important;
  box-shadow:inset 0 0 0 0 #e8f8ff, 0 10px 22px rgba(0,0,0,.22)!important;
  letter-spacing:.06em!important;
}
body.button-preset-uiverse-tall-mayfly-60 .btn:hover,
body.button-preset-uiverse-tall-mayfly-60 .green:hover,
body.button-preset-uiverse-tall-mayfly-60 .market-order-btn:hover,
body.button-preset-uiverse-tall-mayfly-60 .stream-event-btn:hover,
body.button-preset-uiverse-tall-mayfly-60 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-tall-mayfly-60 .kb-button-preview:hover{
  color:#06131b!important;
  box-shadow:inset 220px 0 0 0 #e8f8ff, 0 10px 22px rgba(0,0,0,.18)!important;
}

/* Uiverse Slimy Horse 19 - neon uppercase outline */
body.button-preset-uiverse-slimy-horse-19 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-slimy-horse-19 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-slimy-horse-19 .kb-button-preview{
  background:transparent!important;
  color:#19c8f5!important;
  border:2px solid #19c8f5!important;
  border-radius:5px!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  box-shadow:0 0 0 rgba(25,200,245,0)!important;
}
body.button-preset-uiverse-slimy-horse-19 .btn:hover,
body.button-preset-uiverse-slimy-horse-19 .green:hover,
body.button-preset-uiverse-slimy-horse-19 .market-order-btn:hover,
body.button-preset-uiverse-slimy-horse-19 .stream-event-btn:hover,
body.button-preset-uiverse-slimy-horse-19 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-slimy-horse-19 .kb-button-preview:hover{
  color:#071017!important;
  background:#19c8f5!important;
  box-shadow:0 0 6px #19c8f5, 0 0 18px rgba(25,200,245,.55)!important;
}

/* Uiverse Soft Mayfly 11 - rounded soft glow */
body.button-preset-uiverse-soft-mayfly-11 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-soft-mayfly-11 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-soft-mayfly-11 .kb-button-preview{
  background:linear-gradient(180deg,#7dd3fc,#0ea5e9)!important;
  color:#052338!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:999px!important;
  box-shadow:0 8px 20px rgba(14,165,233,.25), inset 0 1px 0 rgba(255,255,255,.65)!important;
}
body.button-preset-uiverse-soft-mayfly-11 .btn:hover,
body.button-preset-uiverse-soft-mayfly-11 .green:hover,
body.button-preset-uiverse-soft-mayfly-11 .market-order-btn:hover,
body.button-preset-uiverse-soft-mayfly-11 .stream-event-btn:hover,
body.button-preset-uiverse-soft-mayfly-11 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-soft-mayfly-11 .kb-button-preview:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(14,165,233,.34), inset 0 1px 0 rgba(255,255,255,.75)!important;
}

/* Uiverse Witty Rabbit 59 - dark gradient */
body.button-preset-uiverse-witty-rabbit-59 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-witty-rabbit-59 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-witty-rabbit-59 .kb-button-preview{
  background:linear-gradient(90deg,#ff7a18,#af002d 45%,#319197)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:.5rem!important;
  box-shadow:0 12px 28px rgba(175,0,45,.22)!important;
  background-size:180% 100%!important;
}
body.button-preset-uiverse-witty-rabbit-59 .btn:hover,
body.button-preset-uiverse-witty-rabbit-59 .green:hover,
body.button-preset-uiverse-witty-rabbit-59 .market-order-btn:hover,
body.button-preset-uiverse-witty-rabbit-59 .stream-event-btn:hover,
body.button-preset-uiverse-witty-rabbit-59 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-witty-rabbit-59 .kb-button-preview:hover{
  background-position:100% 0!important;
  transform:translateY(-1px)!important;
}

/* Uiverse Pretty Lionfish 11 - blue skeuomorphic */
body.button-preset-uiverse-pretty-lionfish-11 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-pretty-lionfish-11 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-pretty-lionfish-11 .kb-button-preview{
  background:linear-gradient(180deg,#4cc9f0 0%,#1678c2 52%,#07548f 100%)!important;
  color:#fff!important;
  border:1px solid #07548f!important;
  border-radius:10px!important;
  box-shadow:inset 2px 2px 2px rgba(255,255,255,.48), inset -2px -3px 4px rgba(0,0,0,.22), 0 8px 0 #053b66, 0 14px 25px rgba(0,0,0,.28)!important;
  transform:translateY(-3px)!important;
}
body.button-preset-uiverse-pretty-lionfish-11 .btn:hover,
body.button-preset-uiverse-pretty-lionfish-11 .green:hover,
body.button-preset-uiverse-pretty-lionfish-11 .market-order-btn:hover,
body.button-preset-uiverse-pretty-lionfish-11 .stream-event-btn:hover,
body.button-preset-uiverse-pretty-lionfish-11 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-pretty-lionfish-11 .kb-button-preview:hover{
  filter:brightness(1.06)!important;
}
body.button-preset-uiverse-pretty-lionfish-11 .btn:active,
body.button-preset-uiverse-pretty-lionfish-11 .green:active,
body.button-preset-uiverse-pretty-lionfish-11 .market-order-btn:active,
body.button-preset-uiverse-pretty-lionfish-11 .stream-event-btn:active,
body.button-preset-uiverse-pretty-lionfish-11 .kb-home-social-btn.btn:active{
  transform:translateY(2px)!important;
  box-shadow:inset 2px 2px 2px rgba(255,255,255,.48), inset -2px -3px 4px rgba(0,0,0,.22), 0 3px 0 #053b66, 0 8px 18px rgba(0,0,0,.22)!important;
}

/* Uiverse Brave Mole 100 - 3D bounce */
body.button-preset-uiverse-brave-mole-100 .btn:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 button.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 a.btn:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 .green:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 button.green:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 .stream-event-btn:not(.danger):not(.ghost),
body.button-preset-uiverse-brave-mole-100 .kb-home-social-btn.btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-uiverse-brave-mole-100 .kb-button-preview{
  background:#ffd43b!important;
  color:#1e1600!important;
  border:2px solid #1e1600!important;
  border-radius:12px!important;
  box-shadow:4px 4px 0 #1e1600!important;
  transform:translate(-2px,-2px)!important;
}
body.button-preset-uiverse-brave-mole-100 .btn:hover,
body.button-preset-uiverse-brave-mole-100 .green:hover,
body.button-preset-uiverse-brave-mole-100 .market-order-btn:hover,
body.button-preset-uiverse-brave-mole-100 .stream-event-btn:hover,
body.button-preset-uiverse-brave-mole-100 .kb-home-social-btn.btn:hover,
.button-preset-preview.button-preset-uiverse-brave-mole-100 .kb-button-preview:hover{
  transform:translate(-4px,-4px)!important;
  box-shadow:7px 7px 0 #1e1600!important;
}
body.button-preset-uiverse-brave-mole-100 .btn:active,
body.button-preset-uiverse-brave-mole-100 .green:active,
body.button-preset-uiverse-brave-mole-100 .market-order-btn:active,
body.button-preset-uiverse-brave-mole-100 .stream-event-btn:active,
body.button-preset-uiverse-brave-mole-100 .kb-home-social-btn.btn:active{
  transform:translate(0,0)!important;
  box-shadow:1px 1px 0 #1e1600!important;
}