.Polaris-SortButton-DirectionButton_1lqxu { position: relative; border-radius: var(--p-border-radius-1); padding: var(--p-space-05); font-size: var(--p-font-size-100); display: flex; align-items: center; justify-content: flex-start; cursor: pointer; width: 100%; border: none; background: none; text-align: left; }

.Polaris-SortButton-DirectionButton_1lqxu::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-interactive-focus); transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); border-radius: var(--p-border-radius-1); }

.Polaris-SortButton-DirectionButton_1lqxu + .Polaris-SortButton-DirectionButton_1lqxu { margin-top: var(--p-space-1); }

.Polaris-SortButton-DirectionButton_1lqxu:focus-visible { outline: 0; }

.Polaris-SortButton-DirectionButton_1lqxu:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-interactive-focus); outline: var(--p-border-width-1) solid transparent; }

.Polaris-SortButton-DirectionButton__DirectionButton--active_1n7us { background: var(--p-color-bg-interactive-selected); color: var(--p-color-text-interactive); }

.Polaris-SortButton-DirectionButton__Label_2vd36 { flex: 1 1; margin-left: var(--p-space-1); }
