.ds-search-form {
  width: 100%;
  .ds-search-form-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 1rem 0 0 0;
    width: 100%;
    .ds-form-field-layout {
      flex: 1;
    }
  }
}

@media (--ds-viewport-min-medium) {
  .ds-search-form {
    .ds-search-form-container {
      padding-top: 1.5rem;
    }
    .ds-masthead:not(.search-is-open) & {
      clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
      height: 0.0625rem;
      overflow: hidden;
      position: absolute;
      visibility: hidden;
      width: 0.0625rem;
    }
    .ds-masthead.search-is-open & {
      flex: 0 0 100%;
    }
  }
}

@media (--ds-viewport-max-medium) {
  .ds-search-form {
    .ds-masthead:not(.is-open) & {
      clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
      height: 0.0625rem;
      overflow: hidden;
      position: absolute;
      visibility: hidden;
      width: 0.0625rem;
    }
  }
}

.ds-search-form__cta-container {
  border-top: 1px solid var(--ds-color-london-35);
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding: 1.5rem 0 0 0;
  width: 100%;
}