.resultText { flex: 1 1 auto; appearance: none; background-color: transparent; color: inherit; font-size: inherit; font-family: inherit; text-decoration: none; border: 0; padding: 0.2rem 0.5rem; cursor: pointer; text-align: left; word-wrap: normal; display: block; width: 100%; box-sizing: border-box; white-space: normal; user-select: text; transition: background-color 0.2s ease; border-radius: 0.3rem; &:hover:not(:active) { background-color: #BFBFBF60; } &:focus:not(:active) { background-color: #9F9FFF90; } &:focus:hover:not(:active) { background-color: #8F8FDF90; } &:active { background-color: #3F3FFFA0; } }