.def-appointment{display:flex;flex-direction:column;gap:30px}.def-appointment-form{display:flex;flex-direction:column;gap:15px}.def-appointment-form .error{display:inline-block;padding-left:28px;font-size:14px}.def-appointment-form__group--phone{width:100%}input[type="tel"].def-appointment-form__input{height:57px;border-radius:50px;font-size:16px;letter-spacing:.5px}input[type="tel"].def-appointment-form__input::placeholder{font-size:16px;letter-spacing:.5px}.def-appointment-form__btn.btn{width:100%}.def-appointment-result p{margin-bottom:1.25rem}.def-appointment-result__item{margin-bottom:1.25rem}.def-appointment-dropdown{position:relative;display:inline-block}.def-appointment-dropdown.is-active .def-appointment-dropdown__list{opacity:1;visibility:visible}button.def-appointment-dropdown__btn{position:relative;z-index:1;display:flex!important;align-items:center;gap:10px;padding:5px 20px!important;border:1px solid;color:#000!important;border-radius:50px!important;overflow:hidden}button.def-appointment-dropdown__btn::before{content:'';position:absolute;top:-50%;left:-25%;z-index:-1;background-color:var(--pix-button-bg-color);width:150%;height:200%;border-radius:50%;transform:translateY(-100%);transition:transform .5s cubic-bezier(.4,0,0,1),border-radius .5s cubic-bezier(.4,0,0,1)}button.def-appointment-dropdown__btn:hover::before,button.def-appointment-dropdown__btn:focus::before,.def-appointment-dropdown.is-active button.def-appointment-dropdown__btn::before{transform:translateY(0)}button.def-appointment-dropdown__btn:hover,button.def-appointment-dropdown__btn:focus,.def-appointment-dropdown.is-active button.def-appointment-dropdown__btn{color:#fff!important}button.def-appointment-dropdown__btn:hover svg,button.def-appointment-dropdown__btn:focus svg,.def-appointment-dropdown.is-active button.def-appointment-dropdown__btn svg{fill:#fff}button.def-appointment-dropdown__btn svg{width:24px;transition:all 0.15s ease-in-out}.def-appointment-dropdown__list{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:1;display:flex;flex-direction:column;gap:10px;padding:10px;background-color:#fff;border-radius:15px;box-shadow:0 0 10px rgb(0 0 0 / .1);transition:all 0.15s ease-in-out;opacity:0;visibility:hidden}.def-appointment-dropdown__list.top{top:auto;bottom:calc(100% + 5px)}.def-appointment-add-calendar{display:flex;flex-direction:column;gap:15px}.def-appointment-add-calendar a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:15px;height:57px;padding:0 2.4rem;font-size:16px;color:var(--pix-button-color-hover);border-radius:50px;border:1px solid var(--pix-button-border-color);overflow:hidden}.def-appointment-add-calendar a::before{content:'';position:absolute;top:-50%;left:-25%;z-index:-1;background-color:var(--pix-button-bg-color);width:150%;height:200%;border-radius:50%;transform:translateY(-100%);transition:transform .5s cubic-bezier(.4,0,0,1),border-radius .5s cubic-bezier(.4,0,0,1)}.def-appointment-add-calendar a:hover::before,.def-appointment-add-calendar a:focus::before{transform:translateY(0)}.def-appointment-add-calendar a:hover,.def-appointment-add-calendar a:focus{color:#fff!important}.def-appointment-add-calendar a img{width:26px;height:26px}@media only screen and (min-width:767px){.def-appointment-form{max-width:285px}.def-appointment-add-calendar{align-items:flex-start}}@media only screen and (max-width:768px){.appointment-head h4{font-size:1.3rem}}