.fb-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e4e6eb;
    color: #050505;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 40px;
    text-decoration: none;
    user-select: none;
    position: relative;
    overflow: hidden;
}
.fb-btn.min-width {
    min-width: 120px;
}
.fb-btn:disabled {
    opacity: .6;
    cursor: not-allowed
} 
.fb-btn.btn-sm {
    font-size: 13px;
    padding: 6px 12px;
    height: 30px;
}

.fb-btn.btn-lg {
    font-size: 17px;
    padding: 12px 24px;
    height: 44px;
    min-width: 140px
}

.fb-btn.full-width {
    width: 100%
}
.fb-btn.btn-primary {
    background-color: #0c6deb;
    color: #fff;
}
.fb-btn.btn-orange {
    background-color: var(--bs-primary);
    color: #fff;
}
.fb-btn.btn-secondary {
    background-color: #565e67;
    color: #fff;
}
.fb-btn.btn-success {
    background-color: #0ea933;
    color: #fff;
}
.fb-btn.btn-danger {
    background-color: #dc3545;
    color: #fff;
}
.fb-btn.btn-warning {
    background-color: #ffc107;
    color: #212529;
}

/* Hover - Boutons pleins */
.fb-btn-soft-blue {
    background-color: #e7f0fe;
    color: #1463cd
}

.fb-btn-soft-blue:hover:not(:disabled) {
    background-color: #d0e2fd;
    color: #1463cd
}

.fb-btn-soft-blue:active:not(:disabled) {
    background-color: #d0e2fd;
    color: #1463cd
}

.fb-btn-soft-success {
    background-color: #e7feec;
    color: #0f922b
}

.fb-btn-soft-success:hover:not(:disabled) {
    background-color: #d7fcdf;
    color: #0e7a25
}

.fb-btn-soft-success:active:not(:disabled) {
    background-color: #d7fcdf;
    color: #0e7a25
}

.fb-btn-soft-danger:not(:disabled) {
    background: #fde9e9;
    color: #cd143c
}

.fb-btn-soft-danger:hover:not(:disabled) {
    background: #ffd8d8;
    color: #b6052c
}

.fb-btn-soft-danger:active:not(:disabled) {
    background: #ffd8d8;
    color: #b6052c
}

.fb-btn-soft-orange:not(:disabled) {
        background: #ffd8d8;
    color: #b6052c
    /* background: #fff0e5;
    color: #f37820 */
}

.fb-btn-soft-orange:hover:not(:disabled) {
    background: #f6b0b0;
    color: #940221
}

.fb-btn-soft-orange:active:not(:disabled) {
    background: #ffeadb;
    color: #e9701a
}

.fb-btn.btn-primary:hover {
    background-color: #105ec5;
}
.fb-btn.btn-orange:hover, .fb-btn.btn-orange:active, .fb-btn.btn-orange:focus {
    background-color: #bb2424;
    color: #fff;
}
.fb-btn.btn-secondary:hover, .fb-btn:hover, .fb-btn.btn-light:hover {
    background-color: #888f96;
}
.fb-btn.btn-dark {
    background-color: #191919;
    border: 1px solid #191919;
    color: #fff;
}
[tg-theme=dark] .fb-btn.btn-dark {
    background-color: #3a3e4b;
    border: 1px solid #3a3e4b;
    color: #eeeeee;
}

.fb-btn.btn-success:hover {
    background-color: #36a420;
}
.fb-btn.btn-danger:hover {
    background-color: #c82333;
}
.fb-btn.btn-warning:hover {
    background-color: #e0a800;
}
.fb-btn.btn-dark:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: #f7f7f7;
}

/* Active/Focus - Boutons pleins */
.fb-btn.btn-primary:active,
.fb-btn.btn-primary:focus {
    background-color: #1466d6;
    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);
}
.fb-btn.btn-secondary:active,
.fb-btn.btn-secondary:focus {
    background-color: #4d5359;
    box-shadow: 0 0 0 3px rgba(96, 103, 112, 0.3);
}
.fb-btn.btn-success:active,
.fb-btn.btn-success:focus {
    background-color: #2e8b1d;
    box-shadow: 0 0 0 3px rgba(66, 183, 42, 0.3);
}
.fb-btn.btn-danger:active,
.fb-btn.btn-danger:focus {
    background-color: #bd2130;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
}
.fb-btn.btn-warning:active,
.fb-btn.btn-warning:focus {
    background-color: #d39e00;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.3);
}

.fb-btn.btn-outline-primary {
    background-color: transparent;
    border: 1px solid #1877f2;
    color: #1877f2;
}
.fb-btn.btn-outline-white  {
    background-color: #fff;
    border: 2px solid #cfd4db;
    color: #0f0f0f;
}
.fb-btn.btn-outline-secondary,.fb-btn.btn-outline-light  {
    background-color: transparent;
    border: 2px solid #606770;
    color: #606770;
}
.fb-btn.btn-outline-dark {
    background-color: transparent;
    border: 1px solid #191919;
    color: #191919;
}
.fb-btn.btn-outline-success {
    background-color: transparent;
    border: 1px solid #42b72a;
    color: #42b72a;
}
.fb-btn.btn-outline-danger {
    background-color: transparent;
    border: 1px solid #dc3545;
    color: #dc3545;
}

/* Hover - Boutons outline */
.fb-btn.btn-outline-primary:hover {
    background-color: #1877f2;
    color: #fff;
}
.fb-btn.btn-outline-secondary:hover {
    background-color: #606770;
    color: #fff;
}
.fb-btn.btn-outline-dark:hover {
    background-color: #191919;
    color: #fff;
}
.fb-btn.btn-outline-success:hover {
    background-color: #42b72a;
    color: #fff;
}
.fb-btn.btn-outline-danger:hover {
    background-color: #dc3545;
    color: #fff;
}
.fb-btn.btn-outline-white:hover  {
    background-color: #cfd4db;
    border: 2px solid #cfd4db;
    color: #0f0f0f;
}

.fb-btn.btn-white  {
    background-color: #fff;
    border: 1px solid #fff;
    color: #0f0f0f;
}
.fb-btn.btn-white:hover  {
    background-color: #f5f9ff;
    border: 2px solid #f5f9ff;
    color: #1e1e1e;
}

/* Active/Focus - Boutons outline */
.fb-btn.btn-outline-primary:active,
.fb-btn.btn-outline-primary:focus {
    background-color: #1466d6;
    border-color: #1466d6;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);
}
.fb-btn.btn-outline-secondary:active,
.fb-btn.btn-outline-secondary:focus {
    background-color: #4d5359;
    border-color: #4d5359;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(96, 103, 112, 0.3);
}
.fb-btn.btn-outline-dark:focus,
.fb-btn.btn-outline-dark:active {
    background-color: #070707;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(25, 25, 25, 0.3);
}
.fb-btn.btn-outline-success:active,
.fb-btn.btn-outline-success:focus {
    background-color: #2e8b1d;
    border-color: #2e8b1d;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(66, 183, 42, 0.3);
}
.fb-btn.btn-outline-danger:active,
.fb-btn.btn-outline-danger:focus {
    background-color: #bd2130;
    border-color: #bd2130;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
}

.fb-btn.btn-light {
    background-color: #e4e6eb;
    color: #050505;
}
.fb-btn.btn-light-primary {
    background-color: #e7f3ff;
    color: #1877f2;
}
.fb-btn.btn-light-success {
    background-color: #d4edda;
    color: #0c922b;
}
.fb-btn.btn-light-danger {
    background-color: #f8d7da;
    color: #721c24;
}

/* Hover - Boutons légers */
.fb-btn.btn-light:hover {
    background-color: #d8dadf;
}
.fb-btn.btn-light-primary:hover {
    background-color: #d6e8ff;
}
.fb-btn.btn-light-success:hover {
    background-color: #c3e6cb;
}
.fb-btn.btn-light-danger:hover {
    background-color: #f5c6cb;
}

/* Active/Focus - Boutons légers */
.fb-btn.btn-light:active,
.fb-btn.btn-light:focus {
    background-color: #ccced2;
    box-shadow: 0 0 0 3px rgba(228, 230, 235, 0.5);
}
.fb-btn.btn-light-primary:active,
.fb-btn.btn-light-primary:focus {
    background-color: #c5dcff;
    box-shadow: 0 0 0 3px rgba(231, 243, 255, 0.5);
}
.fb-btn.btn-light-success:active,
.fb-btn.btn-light-success:focus {
    background-color: #b1dfbb;
    box-shadow: 0 0 0 3px rgba(212, 237, 218, 0.5);
}
.fb-btn.btn-light-danger:active,
.fb-btn.btn-light-danger:focus {
    background-color: #f1b0b7;
    box-shadow: 0 0 0 3px rgba(248, 215, 218, 0.5);
}

.fb-btn:disabled,
.fb-btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Désactivé - Boutons pleins */
.fb-btn.btn-primary:disabled,
.fb-btn.btn-primary.disabled {
    background-color: #8bb8f8;
}
.fb-btn.btn-secondary:disabled,
.fb-btn.btn-secondary.disabled {
    background-color: #a0a5ad;
}
.fb-btn.btn-success:disabled,
.fb-btn.btn-success.disabled {
    background-color: #89d975;
}
.fb-btn.btn-danger:disabled,
.fb-btn.btn-danger.disabled {
    background-color: #ea8c95;
}

/* Désactivé - Boutons outline */
.fb-btn.btn-outline-primary:disabled,
.fb-btn.btn-outline-primary.disabled {
    border-color: #8bb8f8;
    color: #8bb8f8;
}
.fb-btn.btn-outline-secondary:disabled,
.fb-btn.btn-outline-secondary.disabled {
    border-color: #a0a5ad;
    color: #a0a5ad;
}
.fb-btn.btn-outline-success:disabled,
.fb-btn.btn-outline-success.disabled {
    border-color: #89d975;
    color: #89d975;
}
.fb-btn.btn-outline-danger:disabled,
.fb-btn.btn-outline-danger.disabled {
    border-color: #ea8c95;
    color: #ea8c95;
}
.fb-btn.btn-outline-dark:disabled,
.fb-btn.btn-outline-dark.disabled {
    border-color: #3b3b3b;
    color: #c6c6c6; 
}

/* Désactivé - Boutons légers */
.fb-btn.btn-light:disabled,
.fb-btn.btn-light.disabled {
    background-color: #f0f2f5;
    color: #8a8d91;
}
.fb-btn.btn-light-primary:disabled,
.fb-btn.btn-light-primary.disabled {
    background-color: #f5faff;
    color: #8bb8f8;
}
.fb-btn.btn-light-success:disabled,
.fb-btn.btn-light-success.disabled {
    background-color: #eaf5ec;
    color: #7a9c84;
}
.fb-btn.btn-light-danger:disabled,
.fb-btn.btn-light-danger.disabled {
    background-color: #fcefee;
    color: #b88e92;
}
/* Base bouton social */
.share-btn {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    border-radius: 6px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    outline: none;
    box-shadow: none;
}

/* Effet au survol */
.share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.share-btn:focus, 
.share-btn:active {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        outline: none;
    box-shadow: none;
}

/* Bloc icône (à gauche) */
.share-btn i {
    width: 38px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

/* Texte (à droite) */
/* .share-btn {
    padding-right: 12px;
} */

.share-btn i + span,
.share-btn i + * {
    padding-left: 10px;
} 

/* WhatsApp */
.btn-whatsapp {
    background: #25D366;
    color: #fff;
}
.btn-whatsapp i {
    background: #1ebe5d;
}

/* Facebook */
.btn-facebook {
    background: #1877F2;
    color: #fff;
}
.btn-facebook i {
    background: #0f5dc2;
}

/* Twitter (X style bleu clair) */
.btn-twitter {
    background: #1DA1F2;
    color: #fff;
}
.btn-twitter i {
    background: #0d8ae5;
}

/* LinkedIn */
.btn-linkedin {
    background: #0A66C2;
    color: #fff;
}
.btn-linkedin i {
    background: #084c91;
}

/* SMS */
.btn-sms {
    background: #6c757d;
    color: #fff;
}
.btn-sms i {
    background: #545b62;
}

/* Email */
.btn-mail {
    background: #EA4335;
    color: #fff;
}
.btn-mail i {
    background: #c23321;
}
 
.btn-sm.share-btn i {
    width: 32px;
    height: 30px;
    font-size: 14px;
}

.btn-outline-theme{padding:10px 25px;border:2px solid #012846;border-radius:6px;color:#012846;text-decoration:none;font-weight:600;transition:all 0.3s}.btn-outline-theme:hover{background-color:#012846;color:#fff}.btn-lg-primary{padding:10px 25px;background-color:#f37820;border-radius:6px;color:#fff;text-decoration:none;font-weight:600;border:2px solid #f37820;transition:all 0.3s}.btn-lg-primary:hover{background-color:#d96a1a;border-color:#d96a1a}.btn-lg-white{display:inline-block;background-color:#fff;color:#012846;padding:18px 45px;border-radius:50px;text-decoration:none;font-weight:700;font-size:18px;transition:all 0.3s;box-shadow:0 4px 15px rgb(0 0 0 / .2)}.btn-lg-white:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .3)}.btn-outline-orange{display:inline-flex;align-items:center;gap:10px;background-color:#fff;color:#f37820;padding:15px 35px;border:2px solid #f37820;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s}.btn-outline-orange:hover{background-color:#f37820;color:#fff}