accordian-item{width:100%;margin:0 auto;display:block;position:relative;border-radius:4px;--color: black}accordian-item .cross{position:relative;right:0;font-size:18px;height:auto;top:0;color:var(--color);line-height:36px;transition:.25s ease-in-out all}.tag-pill{all:unset;padding:4px 8px;border-radius:25px;font-size:11px;color:#fff;text-transform:uppercase;margin-left:10px}.accordion-header{width:100%;padding:10px 20px;color:#000;cursor:pointer;text-align:left;outline:none;font-size:16px;transition:.25s ease-in-out all;border-radius:4px;border:1px solid var(--color);background:#ffffff8a;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between}.accordion-content{padding:0 20px;max-height:0;overflow:hidden;transition:.25s ease-in-out all;margin-bottom:10px;opacity:0;border-left:1px solid var(--color);background:#ffffff70;text-align:left;white-space:break-spaces;white-space:normal}.accordion-content p{margin:0;padding:.5rem;white-space:normal}.buttonwidth .accordion-content{max-height:0}.expanded .accordion-header{border:1px solid var(--color)}.expanded .accordion-content{border-left:1px solid var(--color);margin-left:0px;margin-top:10px;margin-bottom:20px;opacity:1;max-height:100%}.expanded .cross{transform:rotate(45deg)}