#coffee-form{max-width:600px;margin:auto;padding:0 25px;border-radius:10px}.form-groups{margin-bottom:20px}label{display:block;margin-bottom:10px;font-size:14px;color:#223263;line-height:20px}select{width:100%;padding:14px 14px;border:0 solid grey;border-radius:6px;font-size:14px;color:#333;background-color:#fff;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23f5cda7" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 14px center;background-size:20px;border-radius:10rem}#coffee-form button{width:100%;background-color:#1f1f1f;color:#fff;border:none;padding:10px 20px;position:relative;overflow:hidden;transition:background-color 0.3s ease}#coffee-form button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#167a81;transition:left 0.4s ease;z-index:0}#coffee-form button:hover::before{left:0}#coffee-form button span{position:relative;z-index:1}.find-your-coffee-container h2{padding-bottom:20px}.form-group{display:flex;flex-direction:column}#coffee-type option{font-size:14px}.form-groups select:focus-visible{outline:.1rem solid #991B5B}.form-groups select{border:1px solid grey}@media screen and (min-width:767px){.form-container{max-width:none}}