@mixin cwui-date-badge {
  .date-badge {
    display: inline-block;
    font-size: rem-calc(16);
    line-height: 1;
    text-align: center;
    // width: 2.3125em;
  
    &.date-badge--rounded {
      border-radius: $global-radius;
  
      > :first-child {
        border-radius: $global-radius $global-radius 0 0;
      }
    }
  
    &.date-badge--border {
      border: 1px solid #eeece7;
      
      > :last-child {
        padding: .2em;
      }
    }
  
    &__top {
      background: #eeece7;
      font-size: .875em;
      font-weight: 600;
      padding: .1875em .3125em;
      text-transform: uppercase;
    }
  
    &__bottom {
      color: #716140;
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-size: 1.5em;
      padding: 0 .3125em;
    }
  
  
    &--small {
      font-size: rem-calc(14);
    }
    
    &--large {
      font-size: rem-calc(20);
    }
  }
}