ul.brandingvn_contact { position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 99; list-style: none; margin: 0; padding-inline-start: 0; }
ul.brandingvn_contact a { background: #231F20; height: 45px; border-radius: 5px 0 0 5px; display: inline-flex; align-items: center; justify-content: center; transition: .3s all; text-decoration: none; }
ul.brandingvn_contact a svg { max-width: 70%; max-height: 70%; width: auto; height: auto; }
ul.brandingvn_contact li { margin: 3px 0; }
/*ul.brandingvn_contact a:hover { background: #a51e26; }*/
ul.brandingvn_contact a.facebook { background: linear-gradient(to right, #1877F2 , #0866FF); }
ul.brandingvn_contact a.messenger { background: linear-gradient(to left, #1877F2 , #0866FF); }
ul.brandingvn_contact a.whatsapp { background: linear-gradient(to right, #25d466, #33c758, #4cae4f); }
ul.brandingvn_contact a.zalo { background: #2365eb; }
ul.brandingvn_contact a.email { background: linear-gradient(to bottom, #60B0F3 0%, #2E78DC 100%); }
ul.brandingvn_contact a.hotline { background: #a51e26; }
ul.brandingvn_contact a.shopee { background: linear-gradient(#ee4d2d,#ff7337); }


ul.brandingvn_contact a .icon { width: 45px; display: flex; align-items: center; justify-content: center; }
ul.brandingvn_contact li { display: flex; justify-content: flex-end; }
ul.brandingvn_contact a span.box_content { color: #fff; line-height: 1.2; font-size: 15px; padding: 0; border-left: 1px solid transparent; width: 0; height: 34px; transition: .5s all; overflow: hidden; }
ul.brandingvn_contact a span.box_content * { display: block; width: max-content; color: #fff; }
ul.brandingvn_contact a:hover span.box_content { width: 160px; padding: 0 15px; border-left: 1px solid rgb(255 255 255 / 10%); }
@media only screen and (max-width: 767px) {
    ul.brandingvn_contact a span.box_content { display: none; }
    ul.brandingvn_contact { width: 100%; display: flex; bottom: 0; top: unset; transform: unset; }
    ul.brandingvn_contact li { width: 100%; margin: 0; }
    ul.brandingvn_contact li a { width: 100%; border-radius: 0; margin: 0; background: #231F20 !important; }
    ul.brandingvn_contact li + li { border-left: 1px solid #fff; }
}