:root {
  --cookie-control--button--background_colour: #ffffff;
  --cookie-control--button--text_colour: #000000;
  --cookie-control--button--border: 1px solid #000000;
  --cookie-control--button--font_family: "Roboto";
  --cookie-control--button--font_size: 1rem;
  --cookie-control--button--font_weight: normal;
  --cookie-control--button--line_height: 160%;
}

#ccc {
  #ccc-module {
    #cc-panel {
      #ccc-button-holder {
        #ccc-recommended-settings {
          background-color: var(--cookie-control--button--background_colour);
          color: var(--cookie-control--button--text_colour);
          border: var(--cookie-control--button--border);
          font-family: var(--cookie-control--button--font_family);
          font-size: var(--cookie-control--button--font_size);
          font-weight: var(--cookie-control--button--font_weight);
          line-height: var(--cookie-control--button--line_height);
          span {
            background-color: var(--cookie-control--button--background_colour);
            color: var(--cookie-control--button--text_colour);
            font-family: var(--cookie-control--button--font_family);
            font-size: var(--cookie-control--button--font_size);
            font-weight: var(--cookie-control--button--font_weight);
            line-height: var(--cookie-control--button--line_height);
          }
        }
        #ccc-reject-settings {
          background-color: var(--cookie-control--button--background_colour);
          color: var(--cookie-control--button--text_colour);
          border: var(--cookie-control--button--border);
          font-family: var(--cookie-control--button--font_family);
          font-size: var(--cookie-control--button--font_size);
          font-weight: var(--cookie-control--button--font_weight);
          line-height: var(--cookie-control--button--line_height);
          span {
            background-color: var(--cookie-control--button--background_colour);
            color: var(--cookie-control--button--text_colour);
            font-family: var(--cookie-control--button--font_family);
            font-size: var(--cookie-control--button--font_size);
            font-weight: var(--cookie-control--button--font_weight);
            line-height: var(--cookie-control--button--line_height);
          }
        }
      }
      #ccc-end {
        float: right;
        margin-top: 0;
        #ccc-dismiss-button {
          background-color: var(--cookie-control--button--background_colour);
          color: var(--cookie-control--button--text_colour);
          border: var(--cookie-control--button--border);
          font-family: var(--cookie-control--button--font_family);
          font-size: var(--cookie-control--button--font_size);
          font-weight: var(--cookie-control--button--font_weight);
          line-height: var(--cookie-control--button--line_height);
          span {
            background-color: var(--cookie-control--button--background_colour);
            color: var(--cookie-control--button--text_colour);
            font-family: var(--cookie-control--button--font_family);
            font-size: var(--cookie-control--button--font_size);
            font-weight: var(--cookie-control--button--font_weight);
            line-height: var(--cookie-control--button--line_height);
          }
        }
      }
      #ccc-info {
        float: left;
        margin-top: 12px;
      }
    }
  }
}