.btn{font-family:Cairo,sans-serif;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-primary{background:linear-gradient(to bottom right,#00BCD4,#004D56);color:white}.btn-primary:hover:not(:disabled){background:linear-gradient(to bottom right,#00E5FF,#006D7A);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,188,212,.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--button-secondary,#1A1A1A);color:white}.btn-secondary:hover:not(:disabled){background:#2A2A2A;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--color-primary,#00bcd4);color:var(--color-primary,#00BCD4)}.btn-outline:hover:not(:disabled){background:rgba(0,188,212,.1);transform:translateY(-2px)}.btn-text{background:transparent;color:var(--color-primary,#00BCD4);padding:.5rem 1rem}.btn-text:hover:not(:disabled){background:rgba(0,188,212,.1)}.btn-loading-label{-webkit-margin-start:0;margin-inline-start:0}.btn-full-width{width:100%}.dark .btn-secondary{background:#2A2A2A}.dark .btn-secondary:hover:not(:disabled){background:#3A3A3A}.dark .btn-outline{border-color:var(--color-primary,#00BCD4);color:var(--color-primary,#00BCD4)}