.np-circular-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.np-circular-btn-primary-default .np-circular-btn-label,
.np-circular-btn-secondary-default .np-circular-btn-label {
  text-align: center;
  color: var(--color-interactive-primary);
}
.np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover,
.np-circular-btn-secondary-default .np-circular-btn-label:not(.disabled):not(:disabled):hover {
  color: var(--color-interactive-primary-hover);
}
.np-circular-btn-primary-default .np-circular-btn-label:not(.disabled):not(:disabled):active,
.np-circular-btn-secondary-default .np-circular-btn-label:not(.disabled):not(:disabled):active {
  color: var(--color-interactive-primary-active);
}
.np-circular-btn-primary-negative .np-circular-btn-label,
.np-circular-btn-secondary-negative .np-circular-btn-label {
  color: var(--color-sentiment-negative-primary);
}
.np-circular-btn-primary-negative .np-circular-btn-label:not(.disabled):not(:disabled):hover,
.np-circular-btn-secondary-negative .np-circular-btn-label:not(.disabled):not(:disabled):hover {
  color: var(--color-sentiment-negative-primary-hover);
}
.np-circular-btn-primary-negative .np-circular-btn-label:not(.disabled):not(:disabled):active,
.np-circular-btn-secondary-negative .np-circular-btn-label:not(.disabled):not(:disabled):active {
  color: var(--color-sentiment-negative-primary-active);
}
.np-circular-btn-disabled {
  cursor: not-allowed;
}