#cpHolder {position:fixed;bottom:0;background:#3c3c3b;color:#c5c5c5;width:calc(100% - 20px);padding:10px;display:table;z-index:999999;}
#cpLHS {display:table-cell;}
#cpLHS h1 {padding-top:0;font-size:20px;}
#cpLHS p {font-size:14px;}
#cpLHS p a {color:#c5c5c5;font-weight:bold;}
#cpRHS {display:table-cell;text-align:right;vertical-align:middle;width:360px;}

#cpOK {float:right;padding:10px;color:#ffffff;background:#1E646F;border-radius:5px;margin-left:10px;cursor:pointer;}
#cpOK:hover {color:#4aaf50;}
#cpNO {float:right;padding:10px;color:#3c3c3b;background:#dee7ec;border-radius:5px;}
#cpNO:hover {color:#d71921;}

@media screen and (max-width:730px) {
    #cpLHS, #cpRHS {width:100%;display:block;text-align:center !important;margin:10px 0;}
    #cpOK,#cpNO {float:none;display:inline-block;margin:10px;}
}