.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;
} #h5ap_search_form {
position: relative;
max-width: 400px;
width: 100%;
input {
width: 100%;
padding: 15px 50px 15px 16px;
border: 1px solid #e2e2e2;
border-radius: 50px;
font-size: 14px;
outline: none;
transition: all 0.3s ease;
background: #f9fafb;
}
input:focus {
background: #ffffff;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
button {
position: absolute;
right: -13%;
top: 50%;
transform: translateY(-50%);
border: none;
background: #e2e2e2;
height: 36px;
width: 36px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
button:hover {
background: #e2e2e2;
transform: translateY(-50%) scale(1.05);
}
svg {
fill: #ffffff;
height: 16px;
width: 16px;
}
}