/* AddToAny presentation for the reusable YTN article Theme Builder body. */

.ytn-addtoany-share,
.ytn-addtoany-share .et_pb_code_inner,
.ytn-addtoany-share .addtoany_shortcode {
    text-align: center;
}

.ytn-addtoany-share .addtoany_shortcode {
    align-items: center;
    display: flex;
    justify-content: center;
}

.ytn-addtoany-share .a2a_kit {
    align-items: center;
    display: inline-flex !important;
    gap: 18px;
    justify-content: center;
    line-height: 1;
}

.ytn-addtoany-share .a2a_kit > a {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    opacity: 1 !important;
    padding: 0 !important;
    transition: transform 180ms ease;
}

.ytn-addtoany-share .a2a_kit > a:hover,
.ytn-addtoany-share .a2a_kit > a:focus-visible {
    opacity: 1 !important;
    transform: translateY(-2px);
}

.ytn-addtoany-share .a2a_svg {
    background-color: transparent !important;
    border-radius: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
    width: 42px !important;
}

.ytn-addtoany-share .a2a_svg svg {
    height: 42px !important;
    width: 42px !important;
}

.ytn-addtoany-share .a2a_svg svg path {
    fill: #f44336 !important;
    transition: fill 180ms ease;
}

.ytn-addtoany-share .a2a_kit > a:hover .a2a_svg svg path,
.ytn-addtoany-share .a2a_kit > a:focus-visible .a2a_svg svg path {
    fill: #006ab0 !important;
}

.ytn-addtoany-share .a2a_kit > a:focus-visible {
    outline: 2px solid #006ab0;
    outline-offset: 5px;
}

.ytn-addtoany-share .a2a_dd {
    display: none !important;
}

@media (max-width: 767px) {
    .ytn-addtoany-share .a2a_kit {
        gap: 15px;
    }

    .ytn-addtoany-share .a2a_svg,
    .ytn-addtoany-share .a2a_svg svg {
        height: 38px !important;
        width: 38px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ytn-addtoany-share .a2a_kit > a,
    .ytn-addtoany-share .a2a_svg svg path {
        transition: none;
    }
}