.ads-action {
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fg);
  background: none;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-pill);
  padding: 14px;
  cursor: pointer;
}

.ads-action:hover:not(:disabled) {
  border-color: var(--red);
}

.ads-action:disabled {
  opacity: .4;
  cursor: default;
}

.ads-action--destructive {
  color: var(--bad);
  border-color: var(--bad);
}

.ads-action--destructive:hover:not(:disabled) {
  background: var(--bad);
  color: var(--fg);
  border-color: var(--bad);
}
