/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2026 | 13:03:21 */
/* =========================================================
   DF Buttons – Refined Rose Material (Slim + Subtle)
   ========================================================= */

.nectar-button,
.df-button,
.df-slider-button{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  /* ↓ schlanker */
  padding:7px 26px;

  /* ↓ wärmer (weniger grau) */
  background: rgba(252,244,245,0.38);

  backdrop-filter: blur(5px) saturate(102%);
  -webkit-backdrop-filter: blur(5px) saturate(102%);

  border:none;

  /* ↓ etwas straffer */
  border-radius:10px;

  color: rgba(147,84,59,0.90);

  font-size:14.8px;
  font-weight:450;
  letter-spacing:.045em;

  text-decoration:none;

  /* ↓ nur noch Lichtspannung */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.36),
    inset 0 0 0 0.5px rgba(215,130,140,0.08);

  transition:
    transform .14s cubic-bezier(0.33,0,0.2,1),
    background .22s ease,
    box-shadow .28s ease,
    color .22s ease;
}


/* =========================================================
   Hover – minimal dichter, kein CTA-Verhalten
   ========================================================= */

.nectar-button:hover,
.df-button:hover,
.df-slider-button:hover{

  background: rgba(252,244,245,0.46);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.42),
    inset 0 0 0 0.5px rgba(215,130,140,0.12);

  transform: translateY(0.2px);
}


/* =========================================================
   Active
   ========================================================= */

.nectar-button:active,
.df-button:active,
.df-slider-button:active{
  transform: translateY(0.45px);
}

/* =========================================================
   DF BUTTON – DARK CANVAS (ROSE BALANCED)
   ========================================================= */

.df-button-dark{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:9px 26px;

  line-height:1;

  /* ↓ weniger grau, mehr Rosé */
  background: rgba(60,32,32,0.28);

  backdrop-filter: blur(8px) saturate(105%);
  -webkit-backdrop-filter: blur(8px) saturate(105%);

  /* ↓ klarere, aber feine Lichtkante */
  box-shadow:
    inset 0 1px 0 rgba(255,245,245,0.22),
    inset 0 0 0 0.6px rgba(215,150,150,0.14);

  border-radius:12px;

  /* ↓ wärmer, nicht grau */
  color: rgba(255,235,235,0.82);

  font-size:14.5px;
  font-weight:450;
  letter-spacing:.045em;

  text-decoration:none;

  transition:
    background .22s ease,
    color .22s ease,
    box-shadow .28s ease,
    transform .14s cubic-bezier(0.33, 0.0, 0.2, 1);
}