:host {
    $borderRadiusValue: 10em;
    position: relative;
    flex-direction: row;
    align-items: center;

    form {
        display: flex;

        input {
            flex: 1;
            border-radius: $borderRadiusValue;
            background-color: white;
            border: solid 1px #ddd;
            padding: .2em 2.7em .2em 1em;
            height: 2em;
            width: 100%;
        }
    
        button {
            position: absolute;
            display: flex;
            align-items: center;
            border-radius: $borderRadiusValue;
            background-color: white;
            border: none;
            top: 0;
            right: 0;
            color: #aaaaaa;
            padding: .3em;
    
            &:hover {
                background-color: #eee;
                cursor: pointer;
            }
        }
    }
}