.drawer-paper {
  width: 100%;
  max-width: 312px;
  background: var(--gradient-amethyst);
  padding: 20px 15px;
  color: var(--typography-200) !important;
}

.close {
  margin-bottom: 20px;

  & > .close-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    & > .close-icon {
      fill: var(--typography-100);
      width: 20px;
      height: 20px;
      flex-shrink: 0;
    }
  }
}
