:root{--button-bg:var(--primary, #1a1a1a);--button-bg-hover:var(--primary, #1a1a1a);--button-border:rgba(255, 255, 255, 0.2);--button-border-hover:rgba(255, 255, 255, 0.4);--button-text:#ffffff;--button-text-hover:#ffffff;--button-size:45px;--button-radius:12px;--button-shadow:0 2px 8px rgba(0, 0, 0, 0.15);--button-shadow-hover:0 4px 15px rgba(0, 0, 0, 0.25)}.blue-theme{--button-bg:rgba(52, 152, 219, 0.1);--button-bg-hover:#3498db;--button-border:rgba(52, 152, 219, 0.2);--button-border-hover:#3498db;--button-text:#3498db;--button-text-hover:#ffffff;--button-shadow:0 2px 8px rgba(52, 152, 219, 0.15);--button-shadow-hover:0 4px 20px rgba(52, 152, 219, 0.3)}.purple-theme{--button-bg:rgba(155, 89, 182, 0.1);--button-bg-hover:#9b59b6;--button-border:rgba(155, 89, 182, 0.2);--button-border-hover:#9b59b6;--button-text:#9b59b6;--button-text-hover:#ffffff;--button-shadow:0 2px 8px rgba(155, 89, 182, 0.15);--button-shadow-hover:0 4px 20px rgba(155, 89, 182, 0.3)}.orange-theme{--button-bg:rgba(230, 126, 34, 0.1);--button-bg-hover:#e67e22;--button-border:rgba(230, 126, 34, 0.2);--button-border-hover:#e67e22;--button-text:#e67e22;--button-text-hover:#ffffff;--button-shadow:0 2px 8px rgba(230, 126, 34, 0.15);--button-shadow-hover:0 4px 20px rgba(230, 126, 34, 0.3)}.dark-elegant-theme{--button-bg:rgba(52, 58, 64, 0.1);--button-bg-hover:#343a40;--button-border:rgba(52, 58, 64, 0.2);--button-border-hover:#343a40;--button-text:#343a40;--button-text-hover:#ffffff;--button-shadow:0 2px 8px rgba(52, 58, 64, 0.15);--button-shadow-hover:0 4px 20px rgba(52, 58, 64, 0.3)}.white-theme{--button-bg:rgba(255, 255, 255, 0.95);--button-bg-hover:#ffffff;--button-border:rgba(0, 0, 0, 0.15);--button-border-hover:rgba(0, 0, 0, 0.25);--button-text:#1a1a1a;--button-text-hover:#000000;--button-shadow:0 2px 8px rgba(0, 0, 0, 0.1);--button-shadow-hover:0 4px 20px rgba(0, 0, 0, 0.2)}.red-theme{--button-bg:rgba(231, 76, 60, 0.1);--button-bg-hover:#e74c3c;--button-border:rgba(231, 76, 60, 0.2);--button-border-hover:#e74c3c;--button-text:#e74c3c;--button-text-hover:#ffffff;--button-shadow:0 2px 8px rgba(231, 76, 60, 0.15);--button-shadow-hover:0 4px 20px rgba(231, 76, 60, 0.3)}@media (max-width:768px){:root{--button-size:42px;--button-radius:10px}}body.dark-mode{--button-bg:rgba(0, 196, 110, 0.1);--button-bg-hover:#00c46e;--button-border:rgba(0, 196, 110, 0.3);--button-border-hover:#00c46e;--button-text:#00c46e;--button-text-hover:#0a0a0a;--button-shadow:0 2px 8px rgba(0, 196, 110, 0.2);--button-shadow-hover:0 4px 20px rgba(0, 196, 110, 0.4)}