/* Gerado pelo painel (Aparência). Não edite à mão. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root {
  --navy: #0F1423;
  --navy-rgb: 15 20 35;
  --navy-2: #171C2B;
  --navy-2-rgb: 23 28 43;
  --navy-3: #1D2230;
  --navy-3-rgb: 29 34 48;
  --navy-4: #292E3B;
  --navy-4-rgb: 41 46 59;
  --profundo-rgb: 8 11 19;
  --roxo: #782DFA;
  --roxo-rgb: 120 45 250;
  --roxo-claro: #9A63FF;
  --roxo-claro-rgb: 154 99 255;
  --azul-frio: #5B6EF5;
  --azul-rgb: 91 110 245;
  --texto: #E2E1E8;
  --texto-2: #A2A1B8;
  --glow: 0;
  --f-texto: 'Montserrat', "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.btn {
  --btn-blur: 30px; --btn-saturate: 190%; --btn-texto: #fff;
  --fundo: linear-gradient(180deg, rgb(var(--roxo-rgb) / .58), rgb(var(--roxo-rgb) / .42)); --borda: linear-gradient(140deg, rgba(255,255,255,.45), rgba(255,255,255,.03) 45%, rgb(var(--roxo-claro-rgb) / .5));
  border-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -10px 18px rgba(30,0,80,.22), 0 14px 36px rgb(var(--roxo-rgb) / calc(.3 * var(--glow))), 0 2px 6px rgba(20,0,60,.25);
}
.btn--vidro {
  --fundo: linear-gradient(180deg, rgb(var(--navy-4-rgb) / .34), rgba(18,24,42,.24)); --borda: linear-gradient(140deg, rgba(255,255,255,.32), rgba(255,255,255,.02) 45%, rgb(var(--roxo-rgb) / .45));
  border-color: transparent;
  box-shadow: 0 12px 32px rgba(0,0,0,.28);
}