.h5ap_search_template { width: 800px; max-width: 100%; margin: 0 auto; } .h5ap_search_template h1 { margin: 30px auto; } .h5ap_search_template .plyr { height: auto; margin-bottom: 50px; } /* #skin_default .plyr .plyr__controls .plyr__control { color: #ffffff; } #skin_default .plyr .plyr__controls .plyr__control:hover { color: #ffffff; } #skin_default .plyr .plyr__controls .plyr__menu__container .plyr__control { color: #333333; } #skin_default .plyr .plyr__controls .plyr__menu__container .plyr__control:hover { color: #ffffff; } #skin_default .plyr .plyr__controls input:hover { background: transparent; } */ #h5ap_search_form { position: relative; max-width: 100%; margin: 0; padding: 0; } #h5ap_search_form input { width: 100%; padding: 5px 15px; border: 1px solid #ddd; border-radius: 5px; } #h5ap_search_form button { position: absolute; right: 0; top: 50%; border: 0; transform: translate(0%, -50%); padding: 0; height: 100%; width: 50px; background: transparent; line-height: 0; } #h5ap_search_form button svg { fill: #333; height: 25px; width: 25px; }