.App {
  .link-spin {
    color: var(--component-link-color);
  }
}

.language-button-group {
  right: 94px;
}

#secondary-btn {
  background: var(--component-secondary-btn-background);
  border-radius: var(--component-secondary-btn-border-radius);
  border: var(--component-secondary-btn-border);
  width: var(--component-secondary-btn-width);
  height: var(--component-secondary-btn-height);
  color: var(--component-secondary-btn-color);
  font-weight: var(--component-secondary-btn-font-weight);
  font-family: var(--component-secondary-btn-font-family);

  &:hover:not(:disabled) {
    border: var(--component-secondary-btn-hover-border);
    color: var(--component-secondary-btn-hover-color);
    font-family: var(--component-secondary-btn-hover-background);
  }

  &:disabled {
    background: var(--component-secondary-btn-disabled-background);
    border: var(--component-secondary-btn-disabled-border);
    color: var(--component-secondary-btn-disabled-color);
    pointer-events: none;
  }

  &:focus:not(:disabled) {
    border: var(--component-secondary-btn-focus-border);
    color: var(--component-secondary-btn-focus-color);
    font-family: var(--component-secondary-btn-hover-background);
  }

  &:active:not(:disabled) {
    border: var(--component-secondary-btn-active-border);
    color: var(--component-secondary-btn-active-color);
    font-family: var(--component-secondary-btn-hover-background);
  }
}

#consent-error-button {
  background: var(--component-button-background);
  border-radius: var(--component-button-border-radius);
  width: var(--component-button-width);
  height: var(--component-button-height);
  font-weight: var(--component-button-font-weight);
  font-family: var(--component-button-font-family);
  color: var(--component-button-color, var(--color-background-primary));
  font-size: var(--component-button-font-size, 1rem);
  line-height: var(--component-button-line-height, 1.5rem);
  padding: var(--component-button-padding, 0 18px);

  &:hover:not(:disabled) {
    background: var(--component-button-hover-background);
    color: var(--color-background-primary);
    transition: none;
  }

  &:disabled {
    background: var(--component-button-disabled-background);
    color: var(--component-button-disabled-color);
  }

  &:focus:not(:disabled) {
    background: var(--component-button-focus-background);
    color: var(--color-background-primary);
  }

  &:active:not(:disabled) {
    background: var(--component-button-active-background);
    color: var(--color-background-primary);
  }

  height: 2rem;
}

.container {
  .card {
    .btn {
      font-style: normal;
      font-weight: 400;
      font-size: var(--font-size-normal);
      line-height: 1.5rem;
      margin: 6px;
      width: 100%;
      border-radius: 2px;
      height: 40px;
    }

    .authorize-btn {
      background: var(--component-button-background);
      border-radius: var(--component-button-border-radius);
      width: 100%;
      height: var(--component-button-height);
      font-weight: 400;
      font-family: var(--component-button-font-family);
      color: var(--component-button-color, var(--color-background-primary));
      font-size: var(--component-button-font-size, 1rem);
      line-height: var(--component-button-line-height, 1.5rem);
      padding: 0 18px;
      border: none;
      margin-right: 0;
      margin-left: 0;
      cursor: pointer;

      &:hover:not(:disabled) {
        background: var(--component-button-hover-background);
        color: var(--color-background-primary);
        transition: none;
      }

      &:disabled {
        background: var(--component-button-disabled-background);
        color: var(--component-button-disabled-color);
      }

      &:focus:not(:disabled) {
        background: var(--component-button-focus-background);
        color: var(--color-background-primary);
      }

      &:active:not(:disabled) {
        background: var(--component-button-active-background);
        color: var(--color-background-primary);
      }
    }

    .authorize-btn:disabled {
      cursor: not-allowed;
      color: var(--card-border-color);
    }

    #authorize-btn {
      background: var(--component-button-background);
      border-radius: var(--component-button-border-radius);
      width: var(--component-button-width);
      height: var(--component-button-height);
      font-weight: var(--component-button-font-weight);
      font-family: var(--component-button-font-family);
      color: var(--component-button-color, var(--color-background-primary));
      font-size: var(--component-button-font-size, 1rem);
      line-height: var(--component-button-line-height, 1.5rem);
      padding: var(--component-button-padding, 0 18px);

      &:hover:not(:disabled) {
        background: var(--component-button-hover-background);
        color: var(--color-background-primary);
        transition: none;
      }

      &:disabled {
        background: var(--component-button-disabled-background);
        color: var(--component-button-disabled-color);
      }

      &:focus:not(:disabled) {
        background: var(--component-button-focus-background);
        color: var(--color-background-primary);
      }

      &:active:not(:disabled) {
        background: var(--component-button-active-background);
        color: var(--color-background-primary);
      }
    }
  }
}

.modal-entity__button {
  background: var(--component-button-background);
  border-radius: var(--component-button-border-radius);
  width: var(--component-button-width);
  height: 32px;
  font-weight: var(--component-button-font-weight);
  font-family: var(--component-button-font-family);
  color: var(--component-button-color, var(--color-background-primary));
  font-size: var(--font-size-sm);
  line-height: var(--component-button-line-height, 1.5rem);
  padding: 0 18px;
  border: 1px solid transparent;
  cursor: pointer;

  &:hover:not(:disabled) {
    background: var(--component-button-hover-background);
    color: var(--color-background-primary);
    transition: none;
  }

  &:disabled {
    background: var(--component-button-disabled-background);
    color: var(--component-button-disabled-color);
  }

  &:focus:not(:disabled) {
    background: var(--component-button-focus-background);
    color: var(--color-background-primary);
  }

  &:active:not(:disabled) {
    background: var(--component-button-active-background);
    color: var(--color-background-primary);
  }
}

button {
  font-family: var(--font-family-1-name);
}

.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
  color: var(--color-primary-1);
  border-color: var(--color-primary-1);
}

.ant-btn-link {
  color: var(--color-primary-4);
}

.ant-btn-link:not(:disabled):not(.ant-btn-disabled):hover {
  color: var(--color-text-4);
}

.ant-switch.ant-switch-checked {
  background: var(--color-primary-1);
}

.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background: var(--color-primary-1);
}

.ant-float-btn-primary .ant-float-btn-body {
  background-color: var(--color-primary-1);
}

.ant-float-btn-primary .ant-float-btn-body:hover {
  background-color: var(--color-primary-2);
}

.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
  color: var(--color-primary-1);
  border-color: var(--color-primary-1);
}