/*
 * "Field link" widget: the same box model as JetEngine's Dynamic Link it replaces (a column
 * wrapper with the link sized to its text), plus a visible focus ring. Type and colors come from
 * the widget's Style settings.
 */

.craa-field-link {
	display: flex;
	flex-direction: column;
}

.craa-field-link .craa-field-link__link {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	max-width: 100%;
}

.craa-field-link .craa-field-link__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}