.volunteer-role[data-v-165836f3]{align-items:flex-start;background:none;border:1px solid #222139;border-radius:1rem;box-shadow:0 4px 12px #0000001a;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:1.4rem;padding:2.5rem;text-align:left;text-decoration:none;transition:border-color .5s ease;width:100%}.volunteer-role[data-v-165836f3]:hover{border-color:#e20613}.volunteer-role:hover .volunteer-role-icon[data-v-165836f3]{background-color:#e20613}.volunteer-role:hover .volunteer-role-title[data-v-165836f3]{color:#e20613}.volunteer-role-active[data-v-165836f3]{border-color:#e20613}.volunteer-role-active .volunteer-role-icon[data-v-165836f3]{background-color:#e20613}.volunteer-role-active .volunteer-role-title[data-v-165836f3]{color:#e20613}.volunteer-role-icon[data-v-165836f3]{align-items:center;background-color:#222139;border-radius:100px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:4px;transition:background-color .5s ease}.volunteer-role-icon img[data-v-165836f3]{height:24px;width:24px}.volunteer-role-title[data-v-165836f3]{color:#222139;font-size:2.2rem;font-weight:700;line-height:1.25;margin-bottom:.5rem;transition:color .5s ease}.volunteer-role-description[data-v-165836f3]{color:#222139;font-size:1.7rem;line-height:1.6;opacity:.55}