@use 'sass:color';

.notification {
  background: none;
  border: none;

  .notification-default-action, .notification-action {
    background: $background;
    margin-top: 0.25rem;
    border-radius: $border-radius;
    border: 1px solid $border-color;

    box-shadow: $box-shadow-inner-less;


    .text-box {
      margin-left: 0.5rem;
    }


    &:hover {
      border-color: $foreground;
      background: rgba($background, 0.6);
    }

    &.notification-action:not(:last-child) {
      margin-right: 0.4rem;
    }
  }
}