.varClass {
  --iconColor: var(--zdt_iconButton_icon_black);
}

.wrapper {
  composes: offSelection from '~@zohodesk/components/es/common/common.module.css';
  composes: varClass;
  color: var(--iconColor);
  cursor: pointer;
}

.xsmall {
  width: var(--zd_size16) ;
  height: var(--zd_size16) ;
}

.small {
  width: var(--zd_size20) ;
  height: var(--zd_size20) ;
}

.medium {
  width: var(--zd_size24) ;
  height: var(--zd_size24) ;
}

.large {
  width: var(--zd_size28) ;
  height: var(--zd_size28) ;
}

.xlarge {
  width: var(--zd_size32) ;
  height: var(--zd_size32) ;
}

.primary {
  --iconColor: var(--zdt_iconButton_icon_primary);
}

.primary:hover {
  --iconColor: var(--zdt_iconButton_icon_primaryHover);
}

.primary_active,
.primaryFilled,
.primaryFilled_active {
  --iconColor: var(--zdt_iconButton_icon_primaryActive);
}
.icon_button_center {
  composes: tcenter from '~@zohodesk/components/es/common/common.module.css';
}