.search-container {
    position: relative;
    width: 100%;

    .search-input {
        width: 100%;
        padding: 0.75rem 2.5rem 0.75rem 1rem;
        font-size: 1rem;
        border: 2px solid #444;
        border-radius: 8px;
        background-color: #2a2a2a;
        color: #fff;
        outline: none;
        box-sizing: border-box;
        transition: border-color 0.2s;
    }

    .search-clear-button {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        color: #888;
        font-size: 1.25rem;
        cursor: pointer;
        padding: 0.25rem 0.5rem;
        line-height: 1;
        transition: color 0.2s;
    }
}