.iss-sticker {
    position: fixed;
    left: 5px;
    bottom: 5px;
    width: 100px;
    height: 100px;
    z-index: 9999;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.iss-sticker img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: 
        transform 0.3s ease,
        filter 0.3s ease;
    transform-origin: center center;
}
.iss-sticker:hover img {
    transform: scale(1.05);
}

@keyframes float {
    0% { transform: translateY(0) translateX(0); }
    25% { transform: translateY(-10px) translateX(5px); }
    50% { transform: translateY(-20px) translateX(0); }
    75% { transform: translateY(-10px) translateX(-5px); }
    100% { transform: translateY(0) translateX(0); }
}

@keyframes pulse {
    0% { transform: scale(0.98); }
    50% { transform: scale(1.03); }
    100% { transform: scale(0.98); }
}

@keyframes gentleShake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
    75% { transform: rotate(-2deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.iss-sticker.float img {
    animation: float 6s ease-in-out infinite;
}

.iss-sticker.pulse img {
    animation: pulse 3s ease infinite;
}

.iss-sticker.shake img {
    animation: gentleShake 5s ease infinite;
}

.iss-sticker.spin:hover img {
    animation: spin 2s linear infinite;
}

@media (max-width: 768px) {
    .iss-sticker {
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 480px) {
    .iss-sticker {
        width: 120px;
        height: 120px;
    }
    .iss-sticker.float img {
        animation: float 8s ease-in-out infinite;
    }
    
    .iss-sticker.shake img {
        animation: none;
    }
}