.gruum-app-banner {
   background-color: #fff;
   display: none;
   align-items: center;
   justify-content: center;
   padding: 20px 20px 20px 0;
   bottom: 0px;
   left: 0px;
   position: fixed;
   right: 0px;
   z-index: 1999999;
}

@media (max-width: 767px) {
   .gruum-app-banner.display-banner {
      display: flex;
   }
}

.gruum-app-banner .banner-close {
   width: 40px;
   height: 40px;
   min-width: 40px;
   cursor: pointer;
   position: relative;
}

.gruum-app-banner .banner-close svg {
   position: absolute;
   width: 8px;
   height: 8px;
   top: 16px;
   left: 16px;
}

.gruum-app-banner .banner-logo {
   font-size: 0;
}

.gruum-app-banner .banner-logo img {
   width: 62px;
   min-width: 62px;
   height: auto;
   border-radius: 10px;
}

.gruum-app-banner .banner-content {
   margin-left: 5px;
   margin-right: auto;
   padding-left: 10px;
   padding-right: 10px;
   user-select: none;
}

.gruum-app-banner .banner-content .heading {
   font-weight: bold;
   color: #384044;
   margin: 0 0 4px 0;
   font-size: 16px;
   line-height: 1.25;
   text-align: left;
}

.gruum-app-banner .banner-content .description {
   color: #6E6E6C;
   font-size: 12px;
   line-height: 1;
   margin: 0;
   text-align: left;
}

.gruum-app-banner .banner-link {
   margin-left: auto;
   padding-left: 10px;
   margin-right: 0;
}

.gruum-app-banner .banner-link a {
   font-size: 16px;
   font-weight: bold;
   color: #384044;
   line-height: 34px;
   text-transform: uppercase;
   height: 38px;
   display: inline-block;
   vertical-align: middle;
   border: 2px solid #E65928;
   border-radius: 10px;
   padding: 0 16px;
}