/* Registration data close control only. The deployed button still contains a text glyph. */
.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0 !important;
  border: 1px solid #fecaca !important;
  border-radius: 4px;
  background: #fff;
  color: #dc2626 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 0 !important;
  line-height: 0 !important;
}

.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close > svg {
  display: none;
}

.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close::before,
.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
  pointer-events: none;
}

.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.admin-portal-page .registration-data-sheet-head > .registration-data-sheet-close:hover {
  background: #fff1f2;
  border-color: #f87171 !important;
  color: #b91c1c !important;
}