.subscribe-form{margin:1rem;padding:.5rem;background:var(--white-gradient)}.subscribe-form>fieldset{border:none;display:flex}.subscribe-form input{padding:12px;width:20rem;font-size:17px;background-color:transparent;border:2px solid transparent;border-bottom:2px solid var(--black)}.subscribe-form input:focus-within{background-color:var(--yellow);outline:none;border-radius:5px;border-color:var(--yellow);transition:.2s}.subscribe-form input::placeholder{color:var(--black)}.subscribe-form__button{display:flex;width:20rem;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 0;background-color:var(--black);color:var(--white);border:1px solid var(--black);border-radius:5px;cursor:pointer;transition:.2s}.subscribe-form__button:hover{background-color:var(--sand);border-color:var(--white);.subscribe-form__legend { color: var(--black); } .social-icon.mail { border-color: var(--gold); }}.subscribe-form__button.success{cursor:not-allowed;color:var(--black);background-color:var(--sand);border-color:var(--white)}.subscribe-form__legend{font-weight:500;transition:.2s}.header .subscribe-form{visibility:hidden;opacity:0;position:absolute;top:18rem;right:1rem;transition:.2s;background-color:var(--sand);border-radius:5px;border:2px solid var(--sand)}.header .subscribe-form.active{visibility:visible;opacity:1}.header .subscribe-form>fieldset{flex-direction:column}.footer .subscribe-form>fieldset{flex-direction:row;gap:1rem}@media screen and (max-width:1440px){.header .subscribe-form{top:13.6rem}}@media screen and (max-width:1280px){}@media screen and (max-width:1024px){.footer .subscribe-form>fieldset{flex-direction:column;align-items:center;gap:unset}}@media screen and (max-width:800px){}@media screen and (max-width:768px){.footer .subscribe-form,.footer .subscribe-form input,.footer .subscribe-form button{width:100%}}@media screen and (max-width:600px){.header .subscribe-form{top:11.3rem}.footer .subscribe-form{min-width:20rem}}