.share-buttons {
    display: flex;
    gap: 12px;
    flex-direction: row-reverse;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 1;
}

.share-buttons .button-sharer {
    height: 58px;
    width: 58px;
    border-radius: 100%;
    border: 0.88px solid #85BDFF;
    background-color: #fff;
    box-shadow: 0px 4px 8px -1px rgba(17, 8, 0, 0.04);
    filter: drop-shadow(0px 2px 4px rgba(17, 8, 0, 0.04)) drop-shadow(0px 1px 2px rgba(17, 8, 0, 0.04));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.buttons-sharer__list {
    display: flex;     align-items: center;
    gap: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; 
}

.share-buttons:hover .buttons-sharer__list {
    opacity: 1;
    pointer-events: auto;
}

.button-sharer-main.clicked .buttons-sharer__list {
    opacity: 1;
}