/* Tree Counter specific styling */
 
 .tree-counter__value {
     font-size: 14px;
     color: #F39330;
     font-weight: 700;
     margin-bottom: 0;
     display: block
 }
 
 /* CO2 offset badges specific styling */
 
 .offset-badge__title {
     font-size: 14px;
     font-weight: 700;
     margin: 0;
 }
 
 .offset-badge__title--blue {
     font-size: 14px;
     color: #F39330;
     font-weight: 600;
 }
 
 /* Common styling to all badges */
 
 .badgew {
     display: inline-block;
     position: relative;
     overflow: hidden;
     border-radius: 8px;
     background: #F8F1E9;
     height: 58px;
     width: 167px;
     padding: 0;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     padding-left: 15px !important;
 }
 
 
 /* Dark theme */
 
 .badgew.badgew--dark-theme {
     border-color: #fff;
     background: #212529;
 }
 
 .badgew--dark-theme .tree-counter__value {
     color: #65D693;
 }
 
 /* CO2 offset badges specific styling */
 
 .badgew--dark-theme .offset-badge__title {
     color: #fff;
 }
 
 .badgew--dark-theme .offset-badge__title--blue {
     color: #48C4D8;
 }
 
 .badgew--dark-theme .forest-link__title {
     color: #fff;
 }
 
 .badgew--dark-theme .forest-link__tree-nation {
     color: #65D693;
 }
 
 /* End dark theme */
 
 
 
 .badgew:hover {
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
 }
 
 .badgew:hover .badgew__back {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
 }
 
 .badgew:hover .badgew__front {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
 }
 
 .badgew__front {
     display: -webkit-box;
     display: -ms-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     opacity: 1;
     visibility: visible;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     height: 100%;
     margin: 0;
     text-align: left;
 }
 
 .badgew__back {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     height: 100%;
     position: absolute;
     top: 0;
     left: 50%;
     width: 100%;
     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);
 }
 
 .badgew--deactivated {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .badgew__icon {
     margin-right: 8px;
     margin-left: 8px;
     line-height: 0;
     width: 42px;
     height: auto;
     text-align: center;
 }
 
 .badgew__icon img {
     width: 42px;
 }
 
 .forest-link {
     text-decoration: none;
     margin: 0 auto;
 }
 
 .forest-link__title {
     font-size: 13px;
     color: #444158;
     font-weight: 600;
     margin: 0;
 }
 
 .forest-link__tree-nation {
     font-size: 13px;
     color: #F39330;
     hyphens: none;
     white-space: nowrap;
 }
 
 .deactivated__title {
     font-size: 14px;
     color: #444158;
     font-weight: 600;
     margin: 0;
     white-space: nowrap;
 }