/* ------------------------- //
  BUTTONS
// ------------------------- */

.ant-btn {
  height: 2rem;
  padding: .3rem 1rem;
  background-color: var(--owncast-purple-25);
  font-size: .85rem;
  font-weight: bold;
  border-radius: var(--theme-rounded-corners);
  border-color: transparent;
  color: var(--white-75);
  &:hover,
  &:focus {
    background-color: var(--color-owncast-purple-700);
    border-color: transparent;
    color: var(--white);
  }
  &:focus {
    border-color: var(--owncast-purple-25);
  }
  &[ant-click-animating-without-extra-node]:after {
    animation: 0s !important;
 }
}

.ant-btn-primary {
  background-color: var(--owncast-purple-50);
}

.ant-btn-primary[disabled] {
  background-color: var(--white-25);
  color: var(--white-50);
  &:hover {
    background-color: var(--white-35);
  }
}

.ant-btn-background-ghost {
  border: 0px;
  box-shadow: none !important;
  &:hover,
  &:focus {
    background-color: var(--theme-info-color);
  }
} 

/* ------------------------- //
  DROPDOWN
// ------------------------- */

.ant-dropdown-menu {
  border-radius: var(--theme-rounded-corners);
  background-color: var(--color-owncast-background-secondary);
}