#dahuk-social-sidebar {
position: fixed;
left: 0;
top: 30%;
width: 170px;
background: #ffffff;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
transition: transform 0.4s ease;
z-index: 9999;
border-radius: 0 12px 12px 0;
} .dahuk-social-open {
transform: translateX(0);
} .dahuk-social-closed {
transform: translateX(-100%);
}
.dahuk-toggle {
position: absolute;
right: -28px;
top: 50%;
transform: translateY(-50%);
background: #cce5ff;
width: 28px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0 10px 10px 0;
}
.dahuk-arrow {
font-size: 18px;
color: #000;
}
.dahuk-social-content {
padding: 12px;
text-align: center;
}
.dahuk-follow-title {
background: #cce5ff;
color: #000 !important;
font-weight: bold;
padding: 6px;
margin-bottom: 8px;
border-radius: 6px;
}
.dahuk-social-content img {
width: 100%;
margin-bottom: 8px;
border-radius: 8px;
} .insta-notice {
background:#fff5e6;
border-left:5px solid #ff7f50;
padding:15px;
border-radius:10px;
margin:20px 0;
color:#000 !important;
}
.insta-notice a {
color:#000 !important;
}
.blink {
animation: blink-animation 1s step-start infinite;
}
@keyframes blink-animation {
0%, 100% { color: red; }
50% { color: black; }
} @media(max-width:768px){
#dahuk-social-sidebar{
width: 120px;
top: 40%;
}
.dahuk-social-closed {
transform: translateX(-100%);
}
.dahuk-toggle{
width: 22px;
height: 55px;
right: -22px;
}
.dahuk-arrow{
font-size: 14px;
}
.dahuk-social-content{
padding: 8px;
}
.dahuk-follow-title{
font-size: 12px;
padding: 4px;
}
}