.edit-destroy-buttons {
  width: max-content;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  overflow: hidden;

  button {
    @include btn;
    border-radius: 0;
    color: var(--gray-soft-lightest);
    &.edit-btn {background: var(--gray-hard-darkest) }
    &.delete-btn {background: var(--main) }
    &:hover,
    &:focus {
      opacity: 0.75;
      color: var(--gray-soft-lightest);
    }
  }

}
