/**
 * Styling for the downloads dropdown block.
 */

.downloads-dropdown {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-5);
    padding: var(--spacing-12) var(--default-padding);
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--color-grey-100);
}

.downloads-dropdown .heading {
    font: var(--font-h4);
    letter-spacing: var(--font-h4-spacing);
    margin: 0;
    padding-bottom: var(--spacing-6);
}

.downloads-dropdown .dropdown-btn-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: var(--spacing-7);
    align-items: center;
}

.downloads-dropdown .dropdown-btn-group .dropdown {
    width: 240px;
}

.downloads-dropdown .dropdown .options-list .option:first-child {
    border-bottom: 1px solid var(--color-grey-100);
}

/* Breakpoints M and S */
@media screen and (min-width: 0px) and (max-width: 1080px) {
    .downloads-dropdown {
        flex-direction: column;
    }

    .downloads-dropdown .heading {
        text-align: center;
    }
}