#event-ticket-text-hint {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    border: 0.5px solid #C8C8C8;
    padding: 20px 10px 10px 10px;
    background-color: #fff;
    cursor: default;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    word-wrap: break-word;
}

.event-ticket-text-hint-close {
    position: absolute;
    right: -3px;
    top: 5px;
    width: 15px;
    height: 15px;
    opacity: 0.3;
    cursor: pointer;
}

    .event-ticket-text-hint-close:hover {
        opacity: 1;
    }

    .event-ticket-text-hint-close:before, .event-ticket-text-hint-close:after {
        position: absolute;
        content: ' ';
        height: 15px;
        width: 2px;
        background-color: #333;
    }

    .event-ticket-text-hint-close:before {
        transform: rotate(45deg);
    }

    .event-ticket-text-hint-close:after {
        transform: rotate(-45deg);
    }