.talgv-pet-share {
	padding: var(--gap-large);
	margin-top: var(--gap-large);
	background: #232323;
	border-radius: 30px;
}

.talgv-pet-share__title {
	margin: 0 0 12px;
	font-size: 1.5em;
}

.talgv-pet-share__actions {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: var(--gap-small);
}

.talgv-pet-share__item {
	margin: 0;
}

.talgv-pet-share__item .talgv-pet-share__link,
.talgv-pet-share__item .talgv-pet-share__button {
	width: 60px;
	height: 60px;
	padding: 12px;
	background: #1f1f1f;
	color: #f7f7f7;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	border-radius: 1000px;
	border: none;
	transition: var(--global-transition);
}

.talgv-pet-share__item .talgv-pet-share__link:hover,
.talgv-pet-share__item .talgv-pet-share__button:hover {
	background: #101010;
}

.talgv-pet-share__item .talgv-pet-share__link:focus-visible,
.talgv-pet-share__item .talgv-pet-share__button:focus-visible {
	outline: 3px solid #f0b44c;
	outline-offset: 3px;
}

.talgv-pet-share__item .talgv-pet-share__link svg,
.talgv-pet-share__item .talgv-pet-share__button svg {
	display: block;
	aspect-ratio: 1/1;
	fill: #b7b7b7;
}
.talgv-pet-share__status {
	min-height: 1.4em;
	margin: 8px 0 0;
	font-weight: 600;
}

.talgv-pet-share__manual-copy {
	margin-top: 10px;
}

.talgv-pet-share__manual-copy-label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
}

@media (max-width: 480px) {
	.talgv-pet-share__actions {
		display: block;
		margin-right: 0;
	}

	.talgv-pet-share__item {
		margin-right: 0;
	}

	.talgv-pet-share__item .talgv-pet-share__link,
	.talgv-pet-share__item .talgv-pet-share__button {
		width: 100%;
	}
}