.actions-dialog {
  backdrop-filter: blur(150px);
  -webkit-backdrop-filter: blur(150px);

  &:before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 24px;
    background: var(--border-linear-gradient);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
  }

  .close-button {
    &:before {
      content: '';
      position: absolute;
      inset: 0;
      padding: 1px;
      border-radius: 12px;
      background: linear-gradient(340deg, #E33AFF 55.6%, rgba(166, 7, 222, 0) 94.02%);
      mask-composite: exclude;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
    }
  }

  .guide-icon {
    width: 14px;
    height: 19px;
  }

  .support-icon {
    width: 16px;
    height: 15px;
  }
}

@media screen and (min-width: 768px) {
  .actions-dialog {

    .guide-icon {
      width: 27px;
      height: 36px;
    }

    .support-icon {
      width: 34px;
      height: 32px;
    }
  }
}