.ui-dialog {
  position: fixed!important;
  top: 50%!important;
  left: 50%!important;
  width: 60rem!important;
  height: auto!important;
  max-width: calc(100% - 40px)!important;
  max-height: calc(100% - 40px)!important;
  transform: translate(-50%, -50%)!important;

  .ui-dialog-content {
    width: auto!important;
    height: auto!important;
  }

  .linkfield-dialog {
    padding: 40px!important;
  }

  .btn {
    margin-left: 0!important;
  }

  .ui-tabs .ui-tabs-nav li a {
    padding: 0!important;
  }

  .form__field-extra-label {
    float: none;
  }

  .ui-button {
    top: 0;
    right: 0;
    margin: 0;
    border: 0;
    z-index: 100;
    transform: translate(25%,-25%) scale(1.2);
    background-color: var(--cms-accent-colour);

    &:before,
    &:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: 2px;
      width: 60%;
      background-color: var(--cms-background-colour);
    }

    &:before {
      transform: translate(-50%,-50%) rotate(45deg);
    }

    &:after {
      transform: translate(-50%,-50%) rotate(-45deg);
    }

    .ui-button-icon {
      display: none;
    }
  }
}