.att-wrap{display:inline-block;position:relative}.att-btn{color:#c9a84c;cursor:pointer;background:0 0;border:1.5px solid #c9a84c;border-radius:11px;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.att-btn:hover{color:#e3c870;background:#c9a84c29}.att-btn svg{width:16px;height:16px}.att-pop{z-index:60;text-align:left;background:#1b140c;border:1px solid #c9a84c80;border-radius:14px;width:300px;padding:18px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 44px #00000080}.att-pop h4{color:#f3e7c6;margin:0 0 8px;font-size:16px}.att-pop p{color:#c9bfa9;margin:0 0 14px;font-size:13.5px;line-height:1.5}.att-row{gap:8px;display:flex}.att-yes{color:#1b140c;cursor:pointer;background:#c9a84c;border:none;border-radius:10px;flex:1;padding:10px;font-size:13.5px;font-weight:700;transition:filter .15s}.att-yes:hover{filter:brightness(1.07)}.att-yes:disabled{opacity:.6;cursor:not-allowed}.att-no{color:#cfc6b5;cursor:pointer;background:#ffffff12;border:none;border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:600}.att-no:hover{background:#ffffff21}.att-toast{color:#bfe6c8;background:#285a3759;border:1px solid #8fce8f73;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:13.5px;font-weight:600}.att-toast a{color:#d7f0db;text-decoration:underline}