/* Стиль для картинки з класом .tapclick */
.tapclick {
    border-radius: 50%;
    padding: 5px;
    background: linear-gradient(45deg, #0bb7af, #0bb7af);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
	user-select: none; /* Забороняє виділення */
    -webkit-user-drag: none; /* Забороняє перетягування у веб-клієнтах */
    user-drag: none; /* Забороняє перетягування */
}

/* Анімація для тіні при наведенні */
.tapclick:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

/* Анімація для кліку */
.tapclick:active {
    transform: scale(0.95);
    transition: transform 0.1s ease;
}

/* Стиль для тексту +1 */
.fly-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #0bb7af;
	font-weight:700;
    opacity: 0;
    transition: all 1s ease;
	user-select: none; /* Забороняє виділення */
    -webkit-user-drag: none; /* Забороняє перетягування у веб-клієнтах */
    user-drag: none; /* Забороняє перетягування */
}

.fly-text.show {
    opacity: 1;
    transform: translate(-50%, -150px);
}