@use 'apps/dashboard/src/variables' as *;

:host {
  border: 1px solid $color-neutral-light;
  border-radius: rhythm(1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: rhythm(2);
  transition: background-color $transition-hint;

  &:hover {
    background-color: $color-neutral-lightest;
  }

  .title-xs {
    align-items: center;
    display: flex;
    gap: rhythm(1.5);
    pa-icon {
      margin-left: auto;
    }
  }

  .body-s {
    color: $color-neutral-regular;
  }
}
