.pc-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    min-height:46px;
    padding:0 24px;
    border-radius:999px;
    border:1px solid transparent;
    font-family:inherit;
    font-size:.95rem;
    font-weight:600;
    cursor:pointer;
    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.pc-button--primary{
    background:var(--pc-primary);
    color:var(--pc-white);
}

.pc-button--primary:hover{
    background:var(--pc-primary-hover);
    transform:translateY(-2px);
    box-shadow:var(--pc-shadow-md);
}

.pc-button--secondary{
    background:white;
    border:1px solid var(--pc-border);
    color:var(--pc-text);
}

.pc-button--secondary:hover{
    border-color:var(--pc-primary);
    color:var(--pc-primary);
}

.pc-button--outline{
    border:1px solid var(--pc-primary);
    color:var(--pc-primary);
}

.pc-button--outline:hover{
    background:var(--pc-primary);
    color:white;
}