@layer kz-components {
  .actions {
    grid-area: actions;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;

    @media (width >= 768px) {
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-end;
      margin-top: calc(-1 * var(--spacing-12));
    }
  }
}