/* sidebar common css */
.common-sidebar {
    flex: 0 0 418px;
    width: 418px;
}

.common-sidebar>*:last-child {
    margin-bottom: 0;
}

.disclosure-btn,
.tooltip-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 44px;
    border-radius: 24px;
    background-color: var(--secondary-light);
    border: 0;
    color: var(--secondary-primary);
    font-family: var(--family-body);
    font-size: var(--size-sm);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-sm);
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.disclosure-btn::before,
.tooltip-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-image: url("../../images/info-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Tooltip container */
.tooltip-box {
    position: relative;
    display: inline-block;
}

/* Tooltip styling */
.tooltip-content {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 100;
    width: max-content;
    max-width: 380px;
    border-radius: 16px;
    padding: 16px;
    background: var(--secondary-light, #E8ECFC);
    box-shadow: 5px 5px 16px 0 rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Tooltip arrow */
.tooltip-content::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 42px;
    width: 16px;
    height: 10px;
    background: var(--secondary-light, #E8ECFC);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.tooltip-content p,
.tooltip-content {
    color: var(--text-primary);
    font-family: var(--family-body);
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xs);
}

.common-sidebar .disclosure-wrapper,
.common-sidebar .disclaimer-card,
.common-sidebar .article-details-box,
.widget_cryptodnes_about_crypto,
.widget_cryptodnes_follow_us,
.widget_cryptodnes_experts {
    margin-bottom: 24px;
}

/* Collapse box header layout */
.collapse-box {
    padding: 24px;
    border-radius: 16px;
    background: var(--surface-2);
}

.collapse-box .collapse-box-header {
    display: flex;
    align-items: center;
    color: var(--text-primary, #242424);
    text-align: start;
    font-family: var(--family-body);
    font-size: var(--size-md);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-md);
    word-break: break-word;
    gap: 8px;
}

.about-cd-card .about-cd-header a:hover,
.about-cd-card .about-cd-header a:active,
.about-cd-card .about-cd-header a:focus {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--primary-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
/* Collapse icon pointing up by default */
.collapse-box-header .collapse-icon {
    width: 24px;
    height: 24px;
    margin-left: auto;
    background-image: url("../../images/chevron-up.svg");
    background-size: 24px;
    background-position: center;
    flex: 0 0 auto;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
    cursor: pointer;
}

.collapse-box-header .collapse-icon:hover,
.collapse-box-header .collapse-icon:active,
html.dark-mode .collapse-box-header .collapse-icon:hover ,
html.dark-mode .collapse-box-header .collapse-icon:active {
    filter: invert(38%) sepia(82%) saturate(295%) brightness(89%) contrast(124%);
}


.collapse-box.active .collapse-icon {
    transform: rotate(0deg);
}

.collapse-box-content {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--surface-3, #E5E5E5);
    /* overflow: hidden; */
}

.collapse-box.active .collapse-box-content {
    display: block;
}

.collapse-box-content p {
    color: var(--text-secondary, rgba(66, 66, 66, 0.80));
    font-family: var(--family-body);
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xs);
}

.collapse-box-content p:last-of-type {
    margin-bottom: 0;
}

.disclaimer-content a,
.about-cd-content a {
    color: var(--text-primary);
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xs);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: var(--primary-primary);
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.disclaimer-content a:hover,
.disclaimer-content a:active,
.disclaimer-content a:focus,
.about-cd-content a:hover,
.about-cd-content a:active,
.about-cd-content a:focus {
  color:var(--primary-primary);
}

.about-cd-content .about-cd-link {
    margin-top: 1rem;
}

/* --sidebar author details secn css */

.author-details-article .author-label {
    color: var(--text-secondary, rgba(66, 66, 66, 0.80));
    font-family: var(--family-body);
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-xs);
    margin-bottom: 8px;
    display: block;
    text-align: start;
}

.author-bio-grid {
    display: grid;
    grid-template-columns: 44px 1fr minmax(80px, max-content);
    gap: 8px;
    margin-bottom: 16px;
    align-items: center;
}

.author-avatar-img a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.author-avatar-img img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 44px;
    border: 1px solid var(--secondary-primary);
}

.author-bio-name {
    display: flex;
    flex-flow: column;
    gap: 4px;
    word-break: break-word;
}

.author-bio-name .author-name-link,
.author-bio-name .bio-tooltip-btn {
    color: var(--text-primary);
    font-family: var(--family-body);
    font-size: var(--size-md);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-md);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* text-transform: capitalize; */
    overflow: hidden;
}


.author-bio-name .author-expertise {
    color: var(--secondary-primary);
    text-align: start;
    font-family: var(--family-body);
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-xs);
}

/* new tooltip  */
.author-bio-tooltip {
    position: relative;
    display: inline-block;
}

.bio-tooltip-btn {
    cursor: pointer;
    transition: color 0.3s ease;
}

.author-bio-name .author-name-link:hover,
.author-bio-name .bio-tooltip-btn:hover,
.author-bio-name .author-name-link:active,
.author-bio-name .bio-tooltip-btn:active,
.author-bio-name .author-name-link:focus,
.author-bio-name .bio-tooltip-btn:focus,
.bio-tooltip-btn.active,
.author-bio-tooltip:hover .bio-tooltip-btn {
    color: var(--secondary-primary, #1946F6);
}

/* Tooltip box */
.author-bio-tooltip-content {
    position: absolute;
    top: calc(100% + 10px);
    width: 350px;
    max-width: 350px;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 999;
    margin: 0 auto;
    border-radius: 16px;
    background: var(--surface-1);
    box-shadow: 5px 5px 16px 0 rgba(0, 0, 0, 0.05);

}

/* Tooltip arrow (the small triangle) */
.author-bio-tooltip-content::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 169px;
    width: 12px;
    height: 8px;
    background: var(--surface-1, #FFF);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.05));

}

/* Active (mobile JS) */
.author-bio-tooltip-content.tooltip-active {
    opacity: 1;
    visibility: visible;
}

.author-bio-tooltip-content .bio-title {
    color: var(--text-disabled, rgba(66, 66, 66, 0.56));
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xs);
    margin-bottom: 8px;
    display: block;
    /* text-transform: capitalize; */
}

.author-bio-tooltip-content p {
    color: var(--text-primary, #242424);
    margin-bottom: 8px;
    font-size: var(--size-sm, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-sm, 20px);
}

.author-bio-tooltip-content .show-more-link {
    margin-top: 8px;
}

/* new tooltip  */

.author-social-link .social-media-links li a i {
    font-size: 32px;
}

.last-updated-post {
    border-top: 1px solid var(--surface-3);
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.last-updated-post .post-date-col,
.last-updated-post .post-time-col {
    display: flex;
    flex-flow: column;
    gap: 12px;
    flex: 0 0 auto;
    width: calc(50% - 15px);
}

.last-updated-post strong {
    color: var(--text-secondary, rgba(66, 66, 66, 0.80));
    text-align: start;
    font-family: var(--family-body);
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-xs);
}

.last-updated-post .post-published-date,
.last-updated-post .post-read-time {
    color: var(--text-primary);
    font-size: var(--size-md);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-md);
    padding-left: 32px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left center;
}

.last-updated-post .post-published-date {
    background-image: url("../../images/calender-icon.svg");
}

.last-updated-post .post-read-time {
    background-image: url("../../images/time.svg");
}

.common-sidebar .widget-area .widget_block:not(:last-child) {
    margin-bottom: 24px;
}

.about-cd-card .cd-icon {
    flex: 0 0 auto;
    display: flex;
    width: 24px;
    justify-content: center;
    align-items: center;
}

.cd-icon img {
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.about-cd-link a {
    text-decoration: none;
    font-weight: 600;
}

.follow-us {
    border-top: 1px solid var(--surface-3);
    padding-top: 16px;
    margin-top: 16px;
    display: flex;
    flex-flow: column;
    gap: 16px;
}

.follow-us .social-media-links li a i {
    font-size: 32px;
}

.follow-us span {
    color: var(--text-secondary, rgba(66, 66, 66, 0.80));
    text-align: start;
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-xs);
}

.follow-us-google {
    border-radius: 16px;
    background: var(--surface-2, #F5F5F5);
    padding: 16px 24px;
}

.follow-us-google a {
    display: flex;
    align-items: center;
    position: relative;
}

.follow-us-google a::after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: scaleX(1) translateY(-50%);
    background-image: url("../../images/arrow-tilted.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
    width: 24px;
    height: 24px;
}
/* hover state */
.follow-us-google a:hover .follow-us-heading,
.follow-us-google a:active .follow-us-heading {
 text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--primary-primary, #F6CA19);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.follow-us-google a:hover::after,
.follow-us-google a:active::after {
     background-image: url("../../images/arrow-tilted-filled.svg");
}
/* hover state */
.follow-in-grid {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 8px;
    padding-right: 32px;
    align-items: center;
}

.follow-in-grid .google-icon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px 0 7.5px 0;
    justify-content: center;
    align-items: center;
}

.follow-in-grid .google-icon img {
    width: 100%;
    height: auto;
}

.follow-us-title {
    display: flex;
    flex-flow: column;
    gap: 4px;
    word-break: break-word;
}

.follow-us-title .follow-us-heading {
    color: var(--text-primary);
    text-align: start;
    font-family: var(--family-body);
    font-size: var(--size-md);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-md);
}

.follow-us-title p {
    color: var(--text-secondary, rgba(66, 66, 66, 0.80));
    font-size: var(--size-xs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xs);
}

/*---------------  */
/* counter secn----- */
.common-counter-article {
    padding-top: 113px;
}

.common-counter-box {
    position: relative;
    padding: 86px 24px 24px;
    border-radius: 16px;
    background: var(--surface-2);
}

.common-illustration {
    text-align: center;
    position: absolute;
    left: 50%;
    top: -11px;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 5;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* bottom: 86px; */
}

.common-illustration img {
    max-width: 237px;
    margin: 0 auto;
}

.common-illustration-text {
    color: var(--text-primary, );
    text-align: center;
    font-family: var(--family-title);
    font-size: var(--size-xl);
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    /* text-transform: capitalize; */
    max-width: 191px;
    margin: 0 auto 0;
}

.common-illustration-text span {
    color: var(--secondary-primary, #1946F6);
}

.counter-box-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin-top: 24px;
    width: 100%;
    align-items: stretch;
}

.counter-box-row .counter-box {
    padding: 0 24px;
    text-align: center;
    display: flex;
    flex-flow: column;
    gap: 4px;
}

/* Top row: bottom border */
.counter-box-row .counter-box:nth-child(1),
.counter-box-row .counter-box:nth-child(2) {
    border-bottom: 1px solid var(--surface-3);
    padding-bottom: 16px;
}

/* Left column: right border */
.counter-box-row .counter-box:nth-child(odd) {
    border-right: 1px solid var(--surface-3);
}

.counter-box-row .counter-box:nth-child(odd) {
    padding-left: 0;
}

.counter-box-row .counter-box:nth-child(even) {
    padding-right: 0;
}

.counter-box-row .counter-box:nth-child(3),
.counter-box-row .counter-box:nth-child(4) {
    padding-top: 16px;
}

.counter-heading {
    color: var(--text-primary, #242424);
    text-align: center;
    font-family: var(--family-title);
    font-size: var(--size-3xl);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-lg);
    letter-spacing: -0.56px;
    /* text-transform: capitalize; */
    word-break: break-word;
}

.counter-sub-heading {
    color: var(--text-secondary, rgba(66, 66, 66, 0.80));
    text-align: center;
    font-family: var(--family-body);
    font-size: var(--size-sm, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-sm);
    word-break: break-word;
}

/* --sidebar author details secn css ends*/
/* dark-mode side bar css */
html.dark-mode .collapse-box-header .collapse-icon {
    filter: brightness(3);
}

html.dark-mode .disclosure-btn::before,
html.dark-mode .tooltip-btn::before {
    filter: brightness(0) saturate(100%) invert(38%) sepia(32%) saturate(1999%) hue-rotate(200deg) brightness(104%) contrast(100%);
}

html.dark-mode .last-updated-post .post-published-date,
html.dark-mode .last-updated-post .post-read-time {
    filter: brightness(3);
}

/* dark-mode side bar css */
/*==============common media for sidebar elements============== */
@media screen and (min-width:992px) {

    .tooltip-box:hover .disclosure-btn,
    .tooltip-box:active .disclosure-btn,
    .tooltip-box:focus .disclosure-btn,
    .tooltip-box:hover .tooltip-btn,
    .tooltip-box:active .tooltip-btn,
    .tooltip-box:focus .tooltip-btn {
        background-color: var(--secondary-primary);
        color: var(--text-contrast);
    }

    .tooltip-box:hover .disclosure-btn::before,
    .tooltip-box:active .disclosure-btn::before,
    .tooltip-box:focus .disclosure-btn::before,
    .tooltip-box:hover .tooltip-btn::before,
    .tooltip-box:active .tooltip-btn::before,
    .tooltip-box:focus .tooltip-btn::before {
        background-image: url("../../images/info-icon-white.svg");
    }

    .tooltip-box:hover .tooltip-content,
    .tooltip-box:active .tooltip-content,
    .tooltip-box:focus .tooltip-content {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    html.dark-mode .tooltip-box:hover .disclosure-btn::before,
    html.dark-mode .tooltip-box:active .disclosure-btn::before,
    html.dark-mode .tooltip-box:focus .disclosure-btn::before,
    html.dark-mode .tooltip-box:hover .tooltip-btn::before,
    html.dark-mode .tooltip-box:active .tooltip-btn::before,
    html.dark-mode .tooltip-box:focus .tooltip-btn::before {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    }

    /* new toooltip */
    .author-bio-tooltip-content {
        left: 25%;
        transform: translateX(-50%) translateY(8px);

    }

    .author-bio-tooltip:hover .author-bio-tooltip-content {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    /* Tooltip box */

}

@media screen and (max-width:991.98px) {
    .common-sidebar {
        flex: 0 0 auto;
        width: 100%;
    }

    .common-sidebar .disclosure-wrapper,
    .common-sidebar .article-details-box {
        display: none;
    }

    /* Show tooltip when active */
    .tooltip-content.tooltip-active {
        display: block;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    /* Optional: style parent differently when active */
    .tooltip-btn.active {
        background-color: var(--secondary-primary);
        color: var(--text-contrast);
    }

    .tooltip-btn.active::before {
        background-image: url("../../images/info-icon-white.svg");
    }

    html.dark-mode .disclosure-btn.active::before,
    html.dark-mode .tooltip-btn.active::before {
        filter: none;
    }

    .disclosure-btn,
    .tooltip-btn {
        gap: 4px;
        padding: 4px 8px 4px 28px;
        font-size: var(--size-xs);
        font-style: normal;
        font-weight: 400;
        line-height: var(--line-height-xs);
    }

    .disclosure-btn::before,
    .tooltip-btn::before {
        left: 8px;
        width: 16px;
        height: 16px;
    }

    .how-to-step .friendly-tip .tooltip-btn {
        padding: 8px 16px 8px 44px;
        font-size: var(--size-sm, 14px);
        line-height: var(--line-height-sm, 18px);
    }

    .how-to-step .friendly-tip .tooltip-btn::before {
        width: 20px;
        height: 20px;
        background-size: 20px;
        left: 16px;
    }

    .collapse-box {
        padding: 16px;
    }

    .collapse-box-content {
        padding-top: 12px;
        margin-top: 12px;
    }

    .collapse-box-header .collapse-icon {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    .tooltip-content {
        max-width: 330px;
        border-radius: 16px;
        padding: 12px;
    }

    .author-bio-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 0px;
        align-items: center;
    }

    .author-bio-grid .author-avatar-img {
        display: none;
    }

    .author-social-link .social-media-links li a i,
    .follow-us .social-media-links li a i {
        font-size: 24px;
    }

    .author-bio-name a {
        font-size: var(--size-sm);
        line-height: var(--line-height-sm);
    }

    .last-updated-post .post-published-date,
    .last-updated-post .post-read-time {
        font-size: var(--size-sm);
        line-height: var(--line-height-sm);
        padding-left: 32px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .about-cd-content .about-cd-link {
        margin-top: 12px;
    }

    .follow-us {
        padding-top: 12px;
        margin-top: 12px;
        gap: 12px;
    }

    .follow-us-title .follow-us-heading {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-color: var(--primary-primary, #F6CA19);
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .common-counter-article {
        margin-top: 68px;
        padding-top: 0;
    }

    .common-counter-box {
        padding: 130px 16px 16px;
    }

    .common-illustration {
        top: -79px;
        transform: translate(-50%, 0%);
    }

    .follow-us-google {
        padding: 16px;
    }

    .error-page-wrapper .common-sidebar,
    .author-detail-secn .common-sidebar {
        display: flex;
        flex-flow: column;
    }

    /* order for error page sidebar */
    .error-page-wrapper .common-sidebar .widget_cryptodnes_about_crypto {
        order: 0;
    }

    .error-page-wrapper .common-sidebar .widget_cryptodnes_follow_us {
        order: 1;
        margin-bottom: 24px;
    }

    .error-page-wrapper .common-sidebar .widget_cryptodnes_experts {
        order: 2;
        margin-bottom: 8px;
    }

    /* order for author page sidebar */
    .author-detail-secn .common-sidebar .widget_cryptodnes_about_crypto {
        order: 0;
    }

    .author-detail-secn .common-sidebar .widget_cryptodnes_follow_us {
        order: 1;
        margin-bottom: 24px;
    }

    .author-detail-secn .common-sidebar .widget_cryptodnes_experts {
        order: 2;
    }
    body.author .author-detail-secn .common-sidebar .widget_cryptodnes_experts {
        margin-bottom: 0;
    }

    /* new author bio tooltip css */
    .author-bio-name .bio-tooltip-btn,.author-bio-name .author-name-link {
        font-size: var(--size-sm);
        line-height: var(--line-height-sm);
    }

    /* Override desktop centering for mobile */
    .author-bio-tooltip-content {
        left: 0;
        right: auto;
        transform: none;
        top: calc(100% + 8px);
        width: 100vw;
        max-width: 320px;
        border-radius: 10px;
        display: none;
        background: var(--surface-2, #F5F5F5);
        box-shadow: 5px 5px 16px 0 rgba(0, 0, 0, 0.05);
    }

    /* Adjust arrow position for left-aligned layout */
    .author-bio-tooltip-content::before {
        left: 20px;
        transform: none;
        background: var(--surface-2, #F5F5F5);
    }

    .author-bio-tooltip-content.tooltip-active {
        display: inline-block;
    }

    /* new author bio tooltip css */
    .post-content .disclaimer-content.collapse-box-content p {
    margin-top: 0;
}
}

@media (min-width:992px) and (max-width:1199.98px) {
    .common-sidebar {
        flex: 0 0 auto;
        width: 100%;
    }

}

@media (max-width:575.98px) {
    .mobile-widget-block .article-details-box .post-meta-info .author-details-article:nth-child(even) .author-bio-tooltip .author-bio-tooltip-content {
        right: 0;
        left: auto;
    }

    .mobile-widget-block .article-details-box .post-meta-info .author-details-article:nth-child(even) .author-bio-tooltip .author-bio-tooltip-content::before {
        right: 2rem;
        left: auto;
    }

}

@media (max-width:360px) {
    .follow-us-google {
        padding: 16px 12px;
    }
}