@use "../atoms/assets";

.coins {

  .symbol {

    position: relative;
    margin-right: 4px;

    &.ducat {
      &::after {
        background: assets.$ducat;
        height: 16px;
        width: 16px;
        content: '';
        display: inline-block;
      }
    }

    &.silver {
      &::after {
        background: assets.$silver;
        height: 16px;
        width: 16px;
        content: '';
        display: inline-block;
      }
    }

    &.kreutzer {
      &::after {
        background: assets.$kreutzer;
        height: 16px;
        width: 16px;
        content: '';
        display: inline-block;
      }
    }

    &.heller {
      &::after {
        background: assets.$heller;
        height: 16px;
        width: 16px;
        content: '';
        display: inline-block;
      }
    }

  }

}