.animated-emoji-wrapper {
    align-items: center;
    cursor: pointer;
    transition: transform 0.15s ease;
    position: relative;
}

.animated-emoji-wrapper:hover {
    transform: scale(1.15);
}

.animated-emoji-canvas {
    display: inline-block;
    vertical-align: bottom;
    image-rendering: auto;
}

.animated-emoji-in-message {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 1px;
}

.animated-emoji-indicator {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>') no-repeat center;
    background-size: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
    z-index: 3;
}

.animated-emoji-wrapper .animated-emoji-canvas {
    width: 100%;
    height: 100%;
    object-fit: contain;
}