.groundhogg-proof {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 360px;
    position: fixed;
    background: white;
    border-radius: 50px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 3px #f1f1f1;
    padding: 10px 20px 10px 12px;
    z-index: 9999999999999999999;
}

.groundhogg-proof p{
    line-height:1.2em;
    padding: 0;
    margin: 0;
    color: #7a7a7a;
    overflow: hidden;
    white-space: nowrap;
}

.groundhogg-proof .proof-message-top {
    color: #464646;
    font-family: Arial;
    font-size: 16px;
}

.groundhogg-proof .proof-message-bottom {
    color: #9b9b9b;
    font-family: Arial;
    font-size: 13px;
}

.groundhogg-proof .credit-link {
    color: #DB741A;
    font-family: Arial;
    text-decoration: none;
    font-size: 13px;
}

.groundhogg-proof #gh-proof-avatar{
    border: 1px solid #ededed;border-radius: 50%;margin-right: 10px;
}

.groundhogg-proof .proof-close{
    display: none;
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    background: #d2d2d2;
    font-size: 15px;
    font-weight: bold;
    line-height: 0px;
    padding: 7px 3px;
    z-index: 999999999999;
    transition: 0.4s;
}

.proof-close::before {
    content: "\00D7";
}

.proof-close:hover,
.groundhogg-proof:hover .proof-close {
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: 0.4s;
}

.orient-left{ left: 20px; right: auto;}
.orient-right{ right: 20px; left: auto;}

@media only screen and (max-width: 600px) {
    .hide-mobile{ display: none }
    .groundhogg-proof .proof-close{ display: inline-block;position: absolute;right: 1px;top: 1px;transition: 0.4s; }
    .groundhogg-proof { left: 0; right: 0;border-radius: 5px 5px 0 0;border-width: 1px 0 0 0;  }
    .orient-left{ left: 0; right: 0;}
    .orient-right{ right: 0; left: 0;}
    .groundhogg-proof #gh-proof-avatar{border-radius: 5px;}
}