@scope (.wpcf7-form){p{margin-bottom:24px;@media (width <=768px){margin-bottom:20px}}label{font-weight:bold;>span:first-child{&:after{content:" *";color:red}}input,textarea{display:block;width:100%;margin-top:8px;padding:10px 15px 10px;border:1px solid #000000;border-radius:4px;color:#333;font-weight:normal;&:focus{outline:#000 auto 1px}&:is(.wpcf7-not-valid){border-color:red}@media (width <=768px){margin-top:6px}}input{height:48px}textarea{min-height:15em;resize:none;field-sizing:content}}p:has(input[type=submit]){position:relative}input[type=submit]{display:block;width:100%;max-width:280px;margin:48px auto 0 auto;padding:20px 16px;color:#fff;background:#000;border:1px solid #000;border-radius:4px;text-align:center;font-weight:bold;&:hover{opacity:.8;text-decoration:underline}@media (width <=768px){margin-top:32px}}.wpcf7-spinner{display:none;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;visibility:visible;width:24px;height:24px;border:3px solid #fff;border-radius:50%;border-top-color:transparent;background-color:transparent;opacity:1;animation:spin 1s ease-in-out infinite;@keyframes spin{to{transform:rotate(360deg)}}&:before{content:none}}&.submitting{input[type=submit]{color:transparent}.wpcf7-spinner{display:block}}.wpcf7-not-valid-tip{margin-top:4px;font-size:.875rem;font-weight:700;color:red}.wpcf7-response-output{display:flex;justify-content:center;margin:32px 0 0 0 !important;padding:48px 24px !important;font-weight:bold;background:#ececec;border-radius:8px;:scope:is(.invalid,.spam) &{color:red;border:1px solid red !important;background:#ff00000a}:scope.sent &{color:#008b00;border:1px solid #008b00 !important;background:#008b000a}@media (width <=768px){margin-top:24px !important;padding:32px 16px !important}}}