/* --- BUTTON WIDGET --- */
.starter-btn { 
    position: relative; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    padding: 14px 32px; 
    font-weight: 700; 
    transition: all 0.3s ease; 
    text-decoration: none !important; 
    border-bottom: none !important;
    overflow: hidden; 
    outline: none; 
    border: none; 
    cursor: pointer; 
}
.starter-btn:hover, .starter-btn:focus {
    text-decoration: none !important;
    border-bottom: none !important;
}
.starter-btn-content { position: relative; z-index: 10; display: flex; align-items: center; gap: 8px; }
.starter-btn--gradient { border-radius: 999px; color: white; background: linear-gradient(90deg, #4f46e5, #9333ea, #4f46e5); background-size: 200% auto; box-shadow: 0 0 20px rgba(99,102,241,0.5); }
.starter-btn--gradient:hover { background-position: right center; box-shadow: 0 0 30px rgba(168,85,247,0.6); transform: translateY(-2px); }
.starter-btn--gradient .starter-btn-shine { position: absolute; top: 0; left: -100%; width: 50%; height: 100%; transform: skewX(-25deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); animation: shine 3s infinite; }
.starter-btn--glass { border-radius: 12px; color: white; background: rgba(255,255,255,0.1); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.2); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.starter-btn--glass:hover { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4); box-shadow: 0 0 20px rgba(99,102,241,0.2); }
.starter-btn--neumorphic { border-radius: 12px; color: #4b5563; background: #e0e5ec; box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255,0.5); }
.starter-btn--neumorphic:hover { color: #4f46e5; box-shadow: inset 6px 6px 10px 0 rgba(163,177,198,0.7), inset -6px -6px 10px 0 rgba(255,255,255,0.8); transform: scale(0.98); }
.starter-btn--cyber { border-radius: 0; color: white; background: #0f172a; border: 2px solid transparent; clip-path: polygon(10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%, 0 30%); }
.starter-btn--cyber:hover { border-color: #6366f1; box-shadow: 0 0 20px rgba(99,102,241,0.6); }
.starter-btn--soft { border-radius: 999px; background: #eef2ff; color: #4f46e5; }
.starter-btn--soft:hover { background: #e0e7ff; transform: scale(1.05); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }