HTML SCSSResult Skip Results Iframe
EDIT ON

.dialog {
    width: unset;
    max-width: unset;
    height: unset;
    max-height: unset;
    padding: unset;
    color: unset;
    background-color: unset;
    border: unset;
    overflow: unset;
  }
  .dialog::backdrop{
    position: unset;
    inset: unset;
    background:unset;
}

.modal-close {
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  text-decoration: none;
  border: none;
  background-color: #fff;
  color: var(--font-color);
  &:hover {
    color: var(--font-color);
  }
}

.dialog {
max-width: unset;
max-height: unset;
inset-block-start: unset;
inset-block-end: 0px;
user-select: unset;
visibility: unset;
overflow: unset;
box-shadow: 0px 20px 36px 0px rgba(59, 59, 59, 0.6);
height: 3.5rem;
width: 100dvw;
text-align: center;
border: none;
position: fixed;
bottom: 0;
}

button {
    background-color: var(--main-color);
    color: var(--light-color);
    padding: 0.2rem;
  }