| | |
| | | } |
| | | |
| | | & > .search-button { |
| | | background-color: color-mix(in srgb, var(--lightgray) 60%, var(--light)); |
| | | border: none; |
| | | background-color: transparent; |
| | | border: 1px var(--lightgray) solid; |
| | | border-radius: 4px; |
| | | font-family: inherit; |
| | | font-size: inherit; |
| | |
| | | cursor: pointer; |
| | | white-space: nowrap; |
| | | width: 100%; |
| | | justify-content: space-between; |
| | | |
| | | & > p { |
| | | display: inline; |
| | | padding: 0 1rem; |
| | | color: var(--gray); |
| | | } |
| | | |
| | | & svg { |
| | |
| | | |
| | | .search-path { |
| | | stroke: var(--darkgray); |
| | | stroke-width: 2px; |
| | | stroke-width: 1.5px; |
| | | transition: stroke 0.5s ease; |
| | | } |
| | | } |