@ebay/skin/dist/section-title/section-title.css

Skin - CSS modules that represent the brand eBay

.section-title {
    align-items: baseline;
    display: flex;
    margin: 30px 0 10px;
}

.section-title__title-container {
    max-width: 75%;
}

.section-title__title {
    font-size: var(--font-size-large-1);
    font-weight: var(--font-weight-bold);
    line-height: 28px;
    margin: 0;
}

.section-title__subtitle {
    color: var(
        --section-title-subtitle-color,
        var(--color-foreground-secondary)
    );
    font-size: var(--font-size-default);
    line-height: 20px;
}

.section-title__title svg.icon {
    background-color: var(--color-background-secondary);
    border-radius: 12px;
    margin-inline-start: var(--spacing-100);
    padding: 7px;
}

.section-title__info {
    bottom: -3px;
    margin: 0 var(--spacing-300) 0 var(--spacing-100);
    position: relative;
}

.section-title__overflow {
    margin: 0 var(--spacing-300) 0 auto;
}

.section-title__cta,
.section-title__overflow {
    align-items: baseline;
    display: flex;
    height: var(--spacing-400);
    margin-left: auto;
    margin-right: 0;
}

.section-title button.icon-btn,
.section-title__overflow button.icon-btn {
    height: var(--spacing-400);
    min-width: var(--spacing-400);
    width: var(--spacing-400);
}

.section-title__title-container + button.icon-btn {
    margin-left: var(--spacing-100);
}

.section-title--large .section-title__title {
    font-size: var(--font-size-large-1);
    font-weight: var(--font-weight-bold);
    line-height: 28px;
}
.section-title--large > .section-title__cta,
.section-title--large > .section-title__info,
.section-title--large > .section-title__overflow {
    height: var(--spacing-400);
}

[dir="rtl"] .section-title__title svg.icon {
    transform: rotate(180deg);
}
[dir="rtl"] .section-title__cta,
[dir="rtl"] .section-title__overflow {
    margin-left: 0;
    margin-right: auto;
}
[dir="rtl"] .section-title__info {
    margin: 0 var(--spacing-100) 0 var(--spacing-300);
}

@media (min-width: 512px) {
    .section-title__title {
        font-size: var(--font-size-large-2);
        font-weight: var(--font-weight-bold);
        line-height: 32px;
    }
    .section-title__subtitle {
        font-size: var(--font-size-medium);
        line-height: 24px;
    }
}