Admob Native Ad CSS Google Info Button Background Color -

how can change background color of google ads info button css. have customized ad cannot change background color of google ad info button. have seen native ads have changed color, thoug delete add every part of code doesn't go anywhere how can change background color of it? have added css code , picture

    /* note: 1px = 1dp in css */  /* == colors == */ body {   background-color: #ffffff; } .title-link {   color: #000000; } .button {   background-color: #9d0000; } .button-text, .button-link {   color: #ffffff; } .price, .reviews {   color: rgba(0,0,0,0.5); } .reviews svg {   fill: rgba(0,0,0,0.7); } .url-link {   color: rgba(0,0,0,0.3); } .body {   color: rgba(0,0,0,0.7); }  /* == fonts == */ body {   font-family: "lobster";   font-weight: normal;   font-size: 10px; } @media (min-height: 300px) {   body {     font-size: 11px;   } } @media (min-width: 360px) , (min-height: 300px) {   body {     font-size: 12px;   } } @media (min-width: 700px) , (min-height: 300px) {   body {     font-size: 16px;   } } .title {   font-size: 1.1em;   line-height: 1.2em; } .button {   font-size: 1.1em; } .body, .price, .reviews, .url {   font-size: 1em;   line-height: 1.1em; } @media (min-width: 360px) , (min-height: 300px) {   .title {     font-size: 1.2em;     line-height: 1.25em;   }   .button {     font-size: 1.2em;   } } @media (min-width: 700px) , (min-height: 300px) {   .title {     font-size: 1.3em;     line-height: 1.35em;   }   .button {     font-size: 1.3em;   } }  /* == layout == */ .title {   margin-bottom: 5px;   padding: 5px 0 0 8px; } .body {   margin: 2px 8px; } .button {   position: absolute;   bottom: 8px;   left: 8px; } /* == app install , video ad layouts == */ .app-icon {   float: left;   margin: 0 8px 4px 8px;   padding: 0; } .image-gallery, .video {   margin: 0 auto 8px auto; } /* == content ad layout == */ .image {   margin: 0 auto 4px auto; }  /* == body == */ .body {   /* add more customizations here */ }  /* == app icon == */ .app-icon img {   height: 50px;   width: 50px;   border-radius: 20%; } @media (min-width: 360px) , (min-height: 300px) {   .app-icon img {     height: 70px;     width: 70px;   } }  /* == title == */ .title {   display: block;   text-align: left; }  /* == button == */ .button {   border: none;   border-radius: 20px;   box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); } .button-link {   display: block;   position: relative;   padding: 0 1em; } .button svg {   display: none; } .button {   width: 90%;   width: calc(100% - 16px);   height: 2.8em; } .button-text {   display: block;   line-height: 2.8em;   text-align: center; } @media (min-width: 700px) , (min-height: 300px) {   .button {     height: 2em;   }   .button-text {     line-height: 2em;   } }  /**  * == large image , video ==  * app install:  *   use .image-gallery selector  * content:  *   use .image selector  * video:  *   use .video selector  */ .image-link, .image img {   width: 100%;   height: 100%; } .image-gallery a, .image {   display: block;   line-height: 0; } .image-gallery, .video, .image {   width: 90%;   width: calc(100% - 16px); } .image-gallery, .video {   height: 50%;   height: calc(100% - 11em); } .image {   height: 50%;   height: calc(100% - 10em); } @media (min-width: 700px) , (min-height: 300px) {   .image-gallery,   .video {     height: calc(100% - 8.5em);   }   .image {     height: calc(100% - 8em);   } }  /* == attribution == */ .attribution {   background-color: #ffffff;   border-radius: 2px;   color: #aeaeae;   display: table;   font-size: 10px;   line-height: 13px;   margin: 4px 8px;   padding: 0 3px;   position: absolute;   top: 0;   left: 0; } .rtl .attribution {   background-color: #ffffff;   left: auto;   right: 0; }  /* == other == */ .ads {   text-decoration: none; } .ads, .ad {   /**    * not touch or remove    * break image rendering    */   height: 100%;   width: 100%;   padding: 0;   word-wrap: break-word; } .ad {   /* padding attribution */   padding-top: 23px;   height: calc(100% - 23px); } 

@danielstorm found how change admob not allow

i'm not familiar css can inspect element , see id abgbg , color set #cdcccc default. i've changed orange(#ffa500) in screenshot. i'm not sure how express in css, or if possible, should point in right direction.

---

edit:

after playing around miniute can change background color so:

.abgbg {     fill: #ffffff !important; }