/*
|--------------------------------------------------------------------------
| Britain Times Share
|--------------------------------------------------------------------------
*/

.btss-wrapper {

    margin: 34px 0 30px;
    padding-top: 20px;

    border-top: 1px solid #e6e6e6;

}

/* ------------------------------
   Share container
------------------------------ */

.btss-share {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;

}

/* ------------------------------
   Buttons / Links
------------------------------ */

.btss-share a,
.btss-copy-link,
.btss-print {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 14px;

    background: #fafafa;

    border: 1px solid #dddddd;

    border-radius: 4px;

    box-shadow: 0 1px 2px rgba(0,0,0,.04);

    color: #111111;

    text-decoration: none;

    font-family: inherit;

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;

}

/* ------------------------------
   Hover
------------------------------ */

.btss-share a:hover,
.btss-copy-link:hover,
.btss-print:hover {

    background: #f2f2f2;

    border-color: #cfcfcf;

    box-shadow: 0 2px 5px rgba(0,0,0,.08);

    text-decoration: none;

}

/* Platform hover colours */

.btss-share a[href*="linkedin"]:hover{

    color:#0A66C2;

}

.btss-share a[href*="twitter"]:hover,
.btss-share a[href*="x.com"]:hover{

    color:#000000;

}

.btss-share a[href*="facebook"]:hover{

    color:#1877F2;

}

.btss-share a[href^="mailto"]:hover{

    color:#555555;

}

.btss-copy-link:hover,
.btss-print:hover{

    color:#333333;

}

/* ------------------------------
   Keyboard
------------------------------ */

.btss-share a:focus-visible,
.btss-copy-link:focus-visible,
.btss-print:focus-visible{

    outline:2px solid #999999;

    outline-offset:2px;

}

/* ------------------------------
   Copy Status
------------------------------ */

.btss-copy-link.copied{

    color:#2E7D32;

    background:#EEF8EF;

    border-color:#B7DDB9;

}

/* ------------------------------
   Mobile
------------------------------ */

@media (max-width:768px){

    .btss-wrapper{

        margin:30px 0;

    }

    .btss-share{

        gap:8px;

    }

    .btss-share a,
    .btss-copy-link,
    .btss-print{

        padding:8px 12px;

        font-size:13px;

    }

}