.contact,.primary{border:1px solid #bba06c85;border-radius:3px;background:linear-gradient(120deg,#ad8c4520,#080909dd 70%);color:#eee5d4;box-shadow:inset 0 1px 0 #f3d9a513;gap:26px;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;position:relative}
.contact{padding:9px 10px 9px 20px;font-size:12px}
.contact span,.primary>span{width:32px;height:32px;display:grid;place-items:center;border-left:1px solid #c0a36b45;color:#debf83;font-size:21px;transition:transform .25s,color .25s}
.contact svg,.primary svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.primary{padding:12px 12px 12px 24px;min-width:252px;min-height:58px;font-size:13px;letter-spacing:.15px}
.primary>span{width:41px;height:34px}
.contact:hover,.primary:hover{background:linear-gradient(120deg,#b99b5540,#181912f5);border-color:#e3c68c;box-shadow:0 0 24px #cfb47412,inset 0 1px 0 #f3d9a525;transform:translateY(-1px)}
.contact:hover span,.primary:hover>span{transform:translate(2px,-2px);color:#fff3ce}
@media(max-width:600px){.contact{font-size:10px;padding:6px 7px 6px 13px;gap:13px}.contact span{width:27px;height:27px;font-size:18px}.final .primary{padding:11px 11px 11px 20px}.middle p{display:block;font-size:12px;max-width:260px}.middle h2{font-size:57px}.primary{min-width:240px}.halo{opacity:calc(var(--hand)*.38)}}