#cookie, #cookie button, #cookie a
{transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;}
#cookie {font-size: 14px; background-color: #ef2127; color: #fff; position: fixed; left: 0px; bottom: 0% !important; right: 0px; padding: 10px; text-align: left; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); z-index: 100000; font-weight: 300;}
#cookie.active {transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);}
#cookie .cookie-txt {line-height: 20px;}
#cookie button, #cookie a {font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase; background-color: transparent; border: 0px !important; outline: 0px !important; display: inline-block; padding: 5px 10px; cursor: pointer; background-color: transparent; margin-left: 10px; font-weight: 500; opacity: 1;}
#cookie button:hover, #cookie a:hover {opacity: 0.5}
#cookie .cookie-btns {display: inline-block; vertical-align: middle;}
.cookie-txt > span {display: inline-block; vertical-align: middle;}
@media all and (max-width: 700px) {
    #cookie button, #cookie a {padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(255,255,255,0.5) !important; margin: 0px; text-align: center;}
    #cookie a + button {margin-top: 5px;}
    .cookie-btns {width: 100%; padding-top: 5px;}
    .cookie-btns > * {width: 100%;}
    .cookie-btns > *:first-child {margin-left: 0px !important;}
    .cookie-btns > *:last-child {margin-right: 0px !important;}
}