@mixin close-base($top: 0, $icon-font-size: 22px) {
  font-size: $icon-font-size;
  color: $icon-color;
  @include theme-color($__common-close_icon-color);

  transition: color $transition-time ease;
  position: relative;
  top: $top;

  &:hover {
    color: $primary-color;
    @include theme-color($__common-close_hover_icon-color);
  }
}