ion-popover.uofx-popover {
  &::part(content) {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    --width: 90vw;
    max-width: 500px;
    overflow-y: hidden;
  }

  .uofx-popover-title {
    display: flex;
    align-items: center;
    padding: 32px 24px 12px;
    @include text-type(d, t3, m);

    .uofx-popover-title-icon {
      border-radius: 50%;
      color: get-color(w-50);
      margin-right: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 30px;
      min-height: 30px;
      font-size: 30px;

      uofx-icon {
        display: flex;
      }
    }

    &.only-title {
      padding-bottom: 24px;
    }
  }

  .uofx-popover-conotent {
    padding: 0px 20px 20px;

    ion-grid {
      padding-left: 0px;
      padding-right: 0px;
    }
  }

  .uofx-popover-opinion {
    padding: 8px 20px 20px;
  }

  ion-footer.uofx-popover-footer {
    display: flex;
    box-shadow: unset;
    padding: 0;

    ion-button {
      flex: 1;
      border-top: 1px get-color(gr-500) solid;
      margin: 0px !important;
      --background-activated: #e4e8f1;
      height: 44px;
      min-height: 44px;
      &:first-child {
        border-right: 0.5px get-color(gr-500) solid;
      }
      &:last-child {
        border-left: 0.5px get-color(gr-500) solid;
      }
    }
  }
}