.nitro-purse-container {
  font-size: $font-size-sm;
  pointer-events: all;

  .nitro-purse {
    background-color: rgba($dark, 0.95);
    box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);

    .nitro-purse-subscription {
      background-color: rgba($light, 0.1);
    }

    .nitro-purse-button {
      padding: 3px 2px;

      &:hover {
        background-color: rgba($light, 0.1);
      }
    }
  }

  .nitro-purse-seasonal-currency {
    background-color: rgba($dark, 0.95);
    box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);
  }
}
