.social-btns-wrapper {margin-top: 1.2em;margin-bottom: 1.2em;}
.social-btn::marker {content: none;}
.social-btns-wrapper ul {margin: 0;display: flex;gap: 15px;width: 350px;max-width: 100%;padding-left: 0}
.social-btns-wrapper ul .social-btn {width: 50%;transition: 0.15s all ease-out;padding-top: 0;list-style: none;}
.social-btn a {color: white;display: inline-block;width: calc(100% - 6px);padding: 10px 3px;text-align: center;}
.social-btn a:hover {text-decoration: none;}
.social-btns-wrapper ul .social-btn.facebook:hover {box-shadow: 0 0 0 3px #7082ab;background: #334c87;}
.social-btns-wrapper ul .social-btn.newsletter:hover {box-shadow: 0 0 0 3px #b0d8bd;background: #229e57;}
.social-btn.facebook {background-color: #395799;}
li.social-btn.newsletter {background: #26ad60;}
.social-btn svg {fill: #fff!important;}
.social-btn a span svg {height: 22px;vertical-align: top;}
.social-btn a span:nth-child(1) {margin-left: -10px;vertical-align: bottom;}
.social-btn a span:nth-child(2) {margin-left: 5px;font-size: 14px;letter-spacing: -0.5px;}
#newsletter-box-overlay {position: fixed;top: 0;background: rgb(73 73 73 / 50%);width: 100%;height: 100%;z-index: 10000;display: none;justify-content: center;align-items: center;}
#newsletter-box-overlay.open {display: flex;}
.newsletter-box {background: white;padding: 20px 40px;box-shadow: 2px 2px 3px #55555573;position: relative}
.newsletter-box > p {padding: 0;}
.newsletter-box .newsletter-close {position: absolute;right: 10px;margin-top: -20px;padding: 5px;color: rgb(140 140 140);font-size: 22px;}
.newsletter-box .newsletter-close:hover {text-decoration:none; font-weight:bold}
.newsletter-box form p {font-size: 100%;font-weight: bold;padding: 10px 0 20px 0;text-align: center;margin-bottom: 0;}
.newsletter-box form p:nth-of-type(1):not(.title) {padding: 0;}
.newsletter-box form p.title {padding-top: 0;margin-top: 10px;color: #404040;font-size: 18px;}
.newsletter-box form input {background-color: #eaeaea;padding: 10px 10px;display: inline-block;width: auto;height: auto;border: none;border-radius: 0;width: calc(100% - 100px);}
.newsletter-box form button {background-color: #be1e2d;color: white;border: none;padding: 10px 15px;transition: background .3s;min-height: auto;border-radius: 0;letter-spacing: 0;float: right;display: inline-block;position: absolute;right: 0;z-index: 20;}
.newsletter-box form button:hover {background-color: #c00;}
.newsletter-box form label {position: absolute;font-size: 12px;font-weight: normal;z-index: 15;line-height: 34.5px;padding-left: 10px;color: var(--heather);cursor: text;top: auto}
.newsletter-box form p.error {font-size: 14px;font-weight: normal;color: var(--punch);max-width: 300px;}