@use "@gloria/layout/_mixins.scss" as *;

.api-header {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 var(--spacing-4);
	margin-bottom: var(--spacing-6);

	@include mobile {
		align-items: flex-start;
	}

	&__title {
		margin-top: 0;
		margin-bottom: 0;
		word-break: break-all;
		width: calc(100% - 7rem);

		@include min-width($breakpoint-lg) {
			width: calc(100% - 4rem);
		}
	}

	.c-main__content-buttons {
		position: absolute;
		top: 0;
		right: 0;
	}
}
