.search-button-wrapper {
    background: #f2f2f2;
    border: 3px solid var(--grey);
    border-radius: 20px;
    transition: .2s;
    width: 30%;
}

button.search-button {
    font-family: var(--font-base);
    font-weight: 200;
    font-size: 14px;
    color: var(--grey-dark);
    flex: 1;
    min-width: 0;
    height: 35px;
    border-radius: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-button-wrapper:active {
    background: var(--orange);
    border-color: var(--orange);
}

button.search-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}