.close {
  width: var(--zd_size25) ;
  height: var(--zd_size25) ;
  color: var(--zdt_commonalert_close_icon);
  border-radius: var(--zd_size4);
  cursor: pointer;
}

.closeIcon {
  display: block;
}

.light {
  color: var(--zdt_commonalert_close_light_icon);
}

.close:hover {
  background-color: var(--zdt_commonalert_close_hover_bg);
}

.light:hover {
  background-color: var(--zdt_commonalert_light_hover_bg);
}

.success:hover {
  background-color: var(--zdt_commonalert_success_hover_bg);
}

.info:hover {
  background-color: var(--zdt_commonalert_info_hover_bg);
}

.warning:hover {
  background-color: var(--zdt_commonalert_warning_hover_bg);
}

.danger:hover, .error:hover {
  background-color: var(--zdt_commonalert_danger_hover_bg);
}


.primary:hover {
  background-color: var(--zdt_commonalert_primary_hover_bg);
}