.quicklink--blue{--border: var(--blue30);--text: var(--blue100);--hover: var(--blue80);--hover-text: white}.quicklink--yellow{--border: var(--yellow30);--text: var(--yellow100);--hover: var(--yellow100);--hover-text: white}.quicklink--green{--border: var(--green30);--text: var(--green100);--hover: var(--green100);--hover-text: white}.quicklink--grey{--border: var(--grey30);--text: var(--grey100);--hover: var(--grey100);--hover-text: white}.quicklink--circular-light{--border: var(--c-2-c-blue-30);--text: white;--hover: var(--circular-shift-bright-green);--hover-text: var(--blue100)}.quicklink-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 25px}.quicklink-label{text-transform:uppercase;color:var(--blue80);letter-spacing:.09em;font-size:14px;line-height:1.2857142857;margin:0 0 1.0714285714em}.quicklink{display:flex;align-items:center;background-color:transparent;border:1px solid var(--border);padding:1.143em 1.6428571429em;font-size:14px;border-radius:.7142857143em;color:var(--text)}.quicklink svg{color:var(--border)}.quicklink .button__text{font-size:inherit;letter-spacing:.09em;line-height:1.5em;white-space:normal;text-align:left}.quicklink .button__suffix{margin:0 0 0 1em;transform:rotate(90deg);width:15px;height:15px}.quicklink:hover{background-color:var(--hover);border-color:var(--hover);color:var(--hover-text)}.quicklink--circular-light:hover svg{color:var(--hover-text)}