.elementor .liquid-glass-btn{display:flex;position: relative;
isolation: isolate;
overflow: hidden;

padding: 18px 42px;
border-radius: 999px;

color: rgba(0,0,0,0.72);
font-weight: 600;

background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.55);

backdrop-filter: blur(18px) saturate(160%) contrast(1.08);
-webkit-backdrop-filter: blur(18px) saturate(160%) contrast(1.08);

box-shadow:
inset 0 1px 2px rgba(255,255,255,0.95),
inset 0 -8px 18px rgba(255,255,255,0.18),
inset 8px 0 18px rgba(255,255,255,0.16),
inset -8px 0 18px rgba(0,0,0,0.06),
0 10px 26px rgba(0,0,0,0.18);

transition: all .3s ease;

&::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;

background:
  linear-gradient(
    135deg,
    rgba(255,255,255,0.85) 0%,
    rgba(255,255,255,0.18) 28%,
    rgba(255,255,255,0.04) 55%,
    rgba(255,255,255,0.35) 100%
  );

mix-blend-mode: screen;
opacity: .65;
}

&::after {
content: "";
position: absolute;
inset: 2px;
border-radius: inherit;
pointer-events: none;

box-shadow:
  inset 2px 2px 5px rgba(255,255,255,0.85),
  inset -2px -2px 6px rgba(0,0,0,0.08),
  inset 0 -10px 20px rgba(255,255,255,0.12);
}\n}.elementor .liquid-glass-btn:hover,.elementor .liquid-glass-btn:focus-visible{transform: translateY(-1px) scale(1.03);

background: rgba(255,255,255,0.18);

box-shadow:
inset 0 1px 2px rgba(255,255,255,1),
inset 0 -10px 22px rgba(255,255,255,0.22),
0 16px 38px rgba(0,0,0,0.24);\n}.elementor .liquid-metal-btn{position: relative;
overflow: hidden;
isolation: isolate;

padding: 14px 30px;
border-radius: 999px;

color: white;
font-weight: 700;
letter-spacing: -0.02em;

background:
radial-gradient(circle at 20% 20%, rgba(255,255,255,0.95), transparent 18%),
radial-gradient(circle at 80% 30%, rgba(255,255,255,0.55), transparent 20%),
radial-gradient(circle at 45% 80%, rgba(255,255,255,0.25), transparent 26%),
linear-gradient(135deg, #f7f7f7 0%, #9d9d9d 22%, #ffffff 40%, #5f5f5f 58%, #d9d9d9 78%, #727272 100%);

border: 1px solid rgba(255,255,255,0.75);

box-shadow:
inset 0 1px 2px rgba(255,255,255,0.95),
inset 0 -2px 6px rgba(0,0,0,0.45),
0 12px 35px rgba(0,0,0,0.25);

text-shadow: 0 1px 2px rgba(0,0,0,0.6);

transition:
transform .25s ease,
box-shadow .25s ease,
filter .25s ease;

animation: metal-flow 5s linear infinite;
background-size: 260% 260%;

&::before {
content: "";
position: absolute;
inset: -40%;
z-index: -1;

background:
  conic-gradient(
    from 180deg,
    transparent,
    rgba(255,255,255,0.9),
    transparent,
    rgba(0,0,0,0.35),
    transparent,
    rgba(255,255,255,0.75),
    transparent
  );

animation: metal-spin 4s linear infinite;
opacity: .75;
}

&::after {
content: "";
position: absolute;
inset: 2px;
border-radius: inherit;
z-index: -1;

background:
  linear-gradient(135deg, rgba(255,255,255,0.65), transparent 35%),
  radial-gradient(circle at 50% 0%, rgba(255,255,255,0.9), transparent 28%),
  linear-gradient(135deg, rgba(255,255,255,0.18), rgba(0,0,0,0.35));

box-shadow:
  inset 2px 2px 6px rgba(255,255,255,0.9),
  inset -3px -3px 8px rgba(0,0,0,0.45);
}

@keyframes metal-flow {
0% {
  background-position: 0% 50%;
}

50% {
  background-position: 100% 50%;
}

100% {
  background-position: 0% 50%;
}
}

@keyframes metal-spin {
from {
  transform: rotate(0deg);
}

to {
  transform: rotate(360deg);
}
}\n}.elementor .liquid-metal-btn:hover,.elementor .liquid-metal-btn:focus-visible{transform: translateY(-2px) scale(1.04);

filter: contrast(1.15) brightness(1.08);

box-shadow:
inset 0 1px 2px rgba(255,255,255,1),
inset 0 -3px 8px rgba(0,0,0,0.5),
0 18px 50px rgba(0,0,0,0.35);\n}