#FOLLOW-ICON { max-width: 60px; position: fixed; z-index: 9; left: 10px; bottom: 0; } #FOLLOW-ICON > li { width: 100%; margin: 30px 0; } .an, .anPC { display: none; } @media (max-width: 480px) { .anPC { display: block; } .anMB { display: none; } #FOLLOW-ICON { max-width: 100%; } #FOLLOW-ICON > li { width: fit-content; float: right; margin: 0 3px; } } /* Màu sắc và hiệu ứng */ :root { --phone: rgb(210, 19, 14); --phoneopa: rgba(210, 19, 14, 0.5); --facebook: rgb(59, 89, 152); --facebookopa: rgba(59, 89, 152, 0.5); --mail: rgb(223, 75, 56); --mailopa: rgba(223, 75, 56, 0.5); --zalo: rgb(2, 143, 227); --zaloopa: rgba(2, 143, 227, 0.5); --messenger: rgb(2, 143, 227); --messengeropa: rgba(2, 143, 227, 0.5); } /* Hiệu ứng và các kiểu khác */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } @keyframes zoomIn { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.3); } 50% { opacity: 1; } } @keyframes pulse { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 50% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.7; } }