.btn{display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;padding:14px 16px;border-radius:4px;font-size:14px;line-height:16px;border:none;cursor:pointer;transition:300ms linear}.btn:has(i[class^="fa"]){padding:0 0 0 16px;i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-left:2px solid rgb(255 255 255 / .2);margin-left:6px;font-size:20px;font-weight:100}}.btn.btn-sm{padding:8px 12px}.btn-primary{background-color:var(--color-primary);color:var(--color-white);&:hover{background-color:var(--color-secondary);color:var(--color-white)}}.btn-primary-white{background-color:var(--color-white);color:var(--color-primary);&:hover{background-color:var(--color-primary);color:var(--color-white)}}.btn-outline-primary{background-color:#fff0;color:var(--color-primary);border:2px solid var(--color-primary);&:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}}.btn-outline-primary-white{background-color:#fff0;color:var(--color-white);border:2px solid var(--color-white);&:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);&:hover{background-color:var(--color-white);color:var(--color-secondary)}}