.share-button {
    background: none;
    border: none;
    color: #929291;
    font-size: 22px;
}

.share-modal-dialog {
    position: relative;
    display: table; /* This is important */
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content-share {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}


.gold-star{
    background-image: linear-gradient(
            to right,
            #7a5d28 0,
            #cb9b51 11%,
            #f6e27a 22%,
            #f6f2c0 33%,
            #f6e27a 44%,
            #cb9b51 55%,
            #7a5d28 66%,
            #cb9b51 77%,
            #f6e27a 88%,
            #f6f2c0 100%

    );
    color:transparent;
    -webkit-background-clip:text;
}