.button-basic{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 28px;background:var(--blue);color:#fff;
    border-radius:100px;font-weight:600;font-size:15px;
    border:none;cursor:pointer;
    transition:background .25s,transform .2s,box-shadow .25s;
}
.button-basic:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:0 12px 32px rgba(18,70,230,.35)}
.button-basic svg{flex-shrink:0}

.button-basic.outline{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 24px;border:1.5px solid var(--ink-25);
    color:var(--ink);border-radius:100px;font-weight:600;font-size:14px;
    background:transparent;
    transition:border-color .2s,background .2s,color .2s;
}
.button-basic.outline:hover{border-color:var(--ink);background:var(--ink);color:#fff;transform:none;box-shadow:none}

.button-basic.size-s{padding:10px 20px;font-size:13px}
.button-basic.outline.size-s{padding:10px 20px;font-size:13px}