/* -----------------------------------------------------------------------------
   Activity Card Actions
   ----------------------------------------------------------------------------- */

.activity-list.bp-list {
	& > li.activity-item {
		/* The separate comments-count row is not part of the target card layout. */
		& .activity-state {
			display: none;
		}

		/* Footer actions are plain links with a top divider. */
		& .bp-generic-meta.activity-meta.action {
			display: flex;
			align-items: center;
			gap: 24px;
			margin: 0;
			padding: 12px 0 12px;
			border-top: 1px solid var(--color-border);

			& .generic-button {
				margin: 0;
			}

			& .button {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				padding: 0;
				background: transparent;
				border: 0;
				font-size: 14px;
				font-weight: 400;
				line-height: 1;
				color: var(--color-bond-black);

				& span {
					font-size: inherit;
					line-height: inherit;
				}

				&:hover,
				&:focus {
					color: var(--color-bond-black);
					text-decoration: none;
				}

				/* Preserve visible keyboard focus after removing default button chrome. */
				&:focus-visible {
					outline: 2px solid var(--color-border);
					outline-offset: 2px;
				}

				& .bb-icon-thumbs-up,
				& .bb-icon-comment,
				& .bb-icon-chat {
					font-size: 24px;
				}
			}
		}
	}
}