.dig-date-picker-year-button {
  position: relative;
  float: left;
  width: $calendar-year-button-size + 4px;
  padding: 4px 2px;

  .dig-date-picker-year-button-select {
    position: absolute;
    background-color: $date-picker-select-color;
    height: $calendar-year-button-size;
    width: $calendar-year-button-size;
    @include ease-out();
    opacity: 0;
    border-radius: 50%;
    transform: scale(0);
  }

  .dig-date-picker-year-button-label {
    position: relative;
  }

  &.dig-is-selected {
    .dig-date-picker-year-button-label {
      color: $date-picker-select-text-color;
    }
    .dig-date-picker-year-button-select {
      opacity: 1;
      transform: scale(1);
    }
  }

  &.dig-is-current-year {
    color: $date-picker-color;
  }
}