/*
 Butterfly Liquid Glass

 Tag Capsule

 Version:
 v2.1

 Fixed Alignment

*/


/* =====================================
   Article Tag Capsule
===================================== */


.post-meta-tags a,
.post-tags a,
#post .tag_share a {


    display:inline-flex !important;


    align-items:center !important;


    justify-content:center !important;


    vertical-align:middle;



    height:

    34px;



    min-height:

    34px;



    padding:

    0 16px !important;



    margin:

    5px 6px 5px 0;



    box-sizing:

    border-box;



    border-radius:

    999px;



    line-height:

    normal !important;



    font-size:

    .9rem;



    text-decoration:

    none;



    background:


    linear-gradient(

        135deg,

        rgba(255,255,255,.75),

        rgba(255,255,255,.35)

    )

    !important;



    backdrop-filter:


    blur(18px)

    saturate(180%);



    -webkit-backdrop-filter:


    blur(18px)

    saturate(180%);



    border:


    1px solid

    rgba(255,255,255,.65);



    color:


    #1d1d1f

    !important;



    box-shadow:


    inset

    0

    2px

    8px

    rgba(255,255,255,.65),



    0

    8px

    25px

    rgba(0,0,0,.08);



    transition:


    transform .25s ease,

    box-shadow .25s ease;



}





/* =====================================
   Inner Text Reset

===================================== */


.post-meta-tags a span,
.post-tags a span {


    line-height:

    normal !important;



    display:

    inline-block;



}





/* =====================================
   Hover

===================================== */


.post-meta-tags a:hover,
.post-tags a:hover,
#post .tag_share a:hover {


    transform:

    translateY(-3px);



    box-shadow:


    inset

    0

    2

    8px

    rgba(255,255,255,.85),



    0

    15

    40px

    rgba(0,0,0,.15);



}





/* =====================================
   Dark Mode

===================================== */


[data-theme="dark"]

.post-meta-tags a,

[data-theme="dark"]

.post-tags a,

[data-theme="dark"]

#post .tag_share a {


    background:


    linear-gradient(

        135deg,

        rgba(80,82,95,.8),

        rgba(40,42,50,.75)

    )

    !important;



    border-color:


    rgba(255,255,255,.18);



    color:


    rgba(255,255,255,.95)

    !important;



    box-shadow:


    inset

    0

    2

    8

    rgba(255,255,255,.08),



    0

    8

    25px

    rgba(0,0,0,.35);



}