.link {
&[data-v-bf899da8] {
	padding: 1rem;
}
> div:first-child {
&[data-v-bf899da8] {
		display: grid;
		grid-template-areas:
			"link-logo link-paying"
			"link-title link-title";
		grid-template-columns: 1fr 32px;
		gap: 0.5rem;
}
h3[data-v-bf899da8] {
			grid-area: link-title;
}
[data-v-bf899da8]:first-child {
			grid-area: link-logo;
}
[data-v-bf899da8]:last-child {
			grid-area: link-paying;
			margin-left: auto;
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			gap: 0.5rem;
}
}
}
@media screen and (min-width: 704px) {
.link > div[data-v-bf899da8]:first-child {
		grid-template-areas: "link-logo link-title link-paying";
		grid-template-columns: 300px 1fr 72px;
		gap: 0.5rem;
}
}