::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a02;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a02;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a02;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #a02;
}

form {
    width:500px;
    margin:50px auto;
}
.search {
    color: darkred;
    padding:8px 15px;
    background: lightpink;
    border:0px solid deeppink;
}
.button {
    position:relative;
    padding:6px 15px;
    left:-8px;
    border:2px solid #207cca;
    background-color:#207cca;
    color:#fafafa;
}
.button:hover  {
    background-color:#fafafa;
    color:#207cca;
}

.search:focus {
    outline:2px solid deeppink;
}