@use 'pix-design-tokens/fonts';

.certification-feedback-panel {
  margin-bottom: var(--pix-spacing-10x);
  color: var(--pix-neutral-800);
  font-size: 0.875rem;
  font-family: fonts.$font-roboto;

  &__refresh-info {
    display: flex;
    gap: 16px;
    align-items: center;
    font-weight: var(--pix-font-bold);

    p {
      min-width: fit-content;
    }

    button {
      display: flex;
      gap: var(--pix-spacing-1x);
      align-items: center;
      margin: 0;
      padding: 0;
      color: var(--pix-primary-700);
      font-weight: var(--pix-font-bold);
    }
  }
}

/* "Link" view
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.certification-feedback-panel__view {
  display: flex;
  gap: 24px;
  font-weight: var(--pix-font-bold);
}

.certification-feedback-panel__action-buttons {
  display: flex;
  gap: 16px;

  > button {
    text-decoration: underline;

    &:first-of-type {
      color: var(--pix-error-700);
      font-weight: var(--pix-font-bold);
      text-decoration-color: var(--pix-error-700);
    }
  }
}

.certification-feedback-panel__information {
  margin-top: var(--pix-spacing-4x);
}
