This is a decent template to get the search area and button right for the custom google search -- make sure to replace the {{ replace with id }} and {{ replace }}

google-search-minimal-box.html

<div id="google-search-container" class="google-search-container"><gcse:search></gcse:search></div>
<script>
  (function() {
    var cx = '{{ replace with id }}';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
$(window).on('load', function() {
    $('.gsc-input input').val('').attr('placeholder', 'Search...');
    $('.gsc-search-button input').attr('src', 'https://cdn2.hubspot.net/hubfs/2697635/images/FF4D00-0.0.png');
});
</script>

<!-- here is the sass
.google-search-container {
    position: relative;
    left: {{ replace }};
    .gsc-control-cse {
        width: {{ replace }};
    }
    .gsc-control-cse,
    .gsc-search-box {
        padding: 0;
        margin: 0;
        background: none;
        border: none;
    }
    table.gsc-search-box {
        width: {{ replace }};
        td {
            padding: 0;
            margin: 0;
        }
        td.gsc-input {
            padding: 0;
            margin: 0;
            vertical-align: top;
            .gsc-input-box {
                border: none;
                height: auto;
                position: relative;
                input {
                    width: {{ replace }};
                    -webkit-appearance: textfield;
                    background-color: white;
                    -webkit-rtl-ordering: logical;
                    user-select: text;
                    cursor: auto;
                    padding: 1px;
                    border-width: 2px;
                    border-style: inset;
                    border-color: initial;
                    border-image: initial;
                }
            }
        }
        td.gsc-input input {
            background: none!important;
        }
    }
    .gsc-search-button {
        width: {{ replace }};
        height: {{ replace }};
        background-image: url({{ replace }});
        background-repeat: no-repeat;
        &:hover,
        &:focus {
            background-image: url({{ replace }});
            background-repeat: no-repeat;
            border: none;
        }
        input.gsc-search-button {
            margin: 0;
            border: none;

        }
    }

    .gsc-clear-button {
        display: none;
    }
    .gsc-orderby {
        display: none;
    }
}
-->