.np-action-btn {
  display: inline-flex;
  height: 32px;
  height: var(--size-32);
  padding: 8px 12px;
  padding: var(--size-8) var(--size-12);
  transition: color, background-color 0.15s ease-in-out;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 0.875rem;
  font-size: var(--font-size-14);
  line-height: 1.2;
  line-height: var(--line-height-control);
  border-radius: 10px;
  border-radius: var(--radius-small);
  align-items: center;
  color: var(--color-interactive-control);
  background-color: #00a2dd;
  background-color: var(--color-interactive-accent);
  border-radius: 24px;
  border-radius: var(--radius-large);
  border: none;
}
@media (max-width: 320px) {
  .np-action-btn {
    height: 40px;
    height: var(--size-40);
  }
}
.np-action-btn.btn-priority-2 {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
  color: var(--color-interactive-primary);
}
.np-action-btn.btn-priority-3 {
  background-color: transparent !important;
  color: var(--color-interactive-primary);
}
.np-action-btn:not(:disabled):hover {
  background-color: #008fc9;
  background-color: var(--color-interactive-accent-hover);
}
.np-action-btn:not(:disabled):hover.btn-priority-2 {
  background-color: var(--color-background-neutral-hover);
}
.np-action-btn:not(:disabled):hover.btn-priority-3 {
  color: var(--color-interactive-primary-hover);
}
.np-action-btn:not(:disabled):active {
  box-shadow: none;
  border-color: transparent;
  background-color: #0081ba;
  background-color: var(--color-interactive-accent-active);
}
.np-action-btn:not(:disabled):active.btn-priority-2 {
  background-color: var(--color-background-neutral-active);
}
.np-action-btn:not(:disabled):active.btn-priority-3 {
  color: var(--color-interactive-primary-active);
  background-color: var(--color-background-screen-active) !important;
}
.np-action-btn:not(:disabled):focus {
  box-shadow: none;
}
