@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/cta-secondary";
@use "@naomi-2025/ui-core/cta-with-arrow";
@use "s360-scss-toolkit";

.form--views-exposed-form {
  --form--display: flex;
  --form--gap: #{ site-config.spacer(2) };

  flex-wrap: wrap;

  .form__element--actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: site-config.spacer(-3);
    flex: 1 1 100%;

    button[type="submit"] {
      &:first-child {
        @extend %cta-secondary;
      }

      &:last-child:not(:only-child) {
        @extend %cta-with-arrow;
      }
    }
  }
}
