.cr-share-wrapper {
    position: relative;
    display: inline-block;}
.cr-share-trigger {
    cursor: pointer;
    display: inline-block;}

.cr-share-display
 {
    max-width: 0px;
    overflow: hidden;
    transition: max-width 0.3s ease;
}

.cr-shared .cr-share-display
{max-width: 600px;}
.cr-shared {
        visibility: visible;
        /* height: auto; */
        display: block;
}
.cr-share-display.cr-left {
    position: absolute;
    top: 0;
    display: flex;
}
.cr-share-display.cr-right {
    position: absolute;
    top: 0;
    display: flex;
}
.cr-share-display.cr-top {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
}
.cr-share-display.cr-bottom {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
}
.cr-share-icon a {
    display: inline-block;
    text-align: center;
}