.office-findv3-widget.top-menu {
    width: 100%;
}

.office-findv3-widget .dynamic-dropdowns {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}

.office-findv3-widget .office-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
    padding: var(--spacing-small) var(--spacing-medium);
}

.office-findv3-widget .office-group select {
    width: 100%;
    padding: var(--spacing-small);
    border: none;
    border-radius: var(--radius-small);
    background-color: var(--color-normal-bg);
    font-size: var(--text-small);
    font-family: var(--font-primary-en);
    outline: none;
    box-shadow: var(--shadow-small);
}

.office-findv3-widget .office-group button {
    background-color: var(--color-secondary-bg);
    color: var(--color-secondary-text);
    padding: var(--spacing-small);
    border: none;
    border-radius: var(--radius-small);
    font-weight: var(--typography-h1-font-weight);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 150px;
}

.office-findv3-widget .office-group button:hover:not(:disabled) {
    background-color: var(--color-normal-bg);
    color: var(--color-secondary-bg);
    border: 1px solid var(--color-secondary-bg);
}

.office-findv3-widget .office-group button:disabled {
    background-color: var(--color-normal-bg);
    color: var(--color-normal-dark);
    cursor: not-allowed;
}

.office-findv3-widget .office-group .officeTypeTitle {
    font-size: var(--text-medium);
    font-family: var(--font-heading-en);
    font-weight: var(--typography-h1-font-weight);
    line-height: normal;
    text-transform: uppercase;
    color: var(--color-primary-text);
}