#cookie-bar button,
#cookie-bar input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

#cookie-bar button,
#cookie-bar select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

#cookie-bar button,
#cookie-bar [type="button"],
#cookie-bar [type="reset"],
#cookie-bar [type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

#cookie-bar button::-moz-focus-inner,
#cookie-bar [type="button"]::-moz-focus-inner,
#cookie-bar [type="reset"]::-moz-focus-inner,
#cookie-bar [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

#cookie-bar button:-moz-focusring,
#cookie-bar [type="button"]:-moz-focusring,
#cookie-bar [type="reset"]:-moz-focusring,
#cookie-bar [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

#cookie-bar {
    font-family: arial, sans-serif;
    z-index: 50;
    display: none;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: black;
    background-color: rgba(0,0,0,0.85);
    color: white;
    padding: 20px;
    box-sizing: border-box;
    font-weight: normal;
    z-index: 9999;
}

#cookie-bar p {
    font-size: 16px;
    line-height: 1.4em;
    color: white;
}

#cookie-bar .inner-wrapper {
    max-width: 752px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}
#cookie-bar .inner-wrapper p {
    padding: 0;
}

#cookie-bar a {
    color: white;
}

#cookie-bar #agree-to-cookies {
    display: block;
    margin: 0 auto;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgb(86, 213, 110);
    border: 0;
    border-radius: 5px;
    padding: 7px 35px;
    color: white;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
}