/**
 * Buttons
 * Peas Digital Pro
 */

/* ==========================================
   PRIMARY BUTTON
========================================== */

.pd-btn-primary {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 14px 28px;

    background: var(--pd-primary);

    color: #ffffff;

    border-radius: 12px;

    text-decoration: none;

    font-weight: 700;

    transition: all .3s ease;

    border: 2px solid transparent;

}

.pd-btn-primary:hover {

    background: var(--pd-primary-dark);

    transform: translateY(-3px);

}

/* ==========================================
   SECONDARY BUTTON
========================================== */

.pd-btn-secondary {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 14px 28px;

    border: 2px solid var(--pd-primary);

    color: var(--pd-primary);

    background: transparent;

    border-radius: 12px;

    text-decoration: none;

    font-weight: 700;

    transition: all .3s ease;

}

.pd-btn-secondary:hover {

    background: var(--pd-primary);

    color: #ffffff;

    transform: translateY(-3px);

}

/* ==========================================
   LIGHT BUTTONS (CTA SECTION)
========================================== */

.pd-btn-primary--light {

    background: #ffffff;

    color: var(--pd-primary-dark);

}

.pd-btn-primary--light:hover {

    background: var(--pd-background);

    color: var(--pd-primary-dark);

}

.pd-btn-secondary--light {

    border-color: #ffffff;

    color: #ffffff;

}

.pd-btn-secondary--light:hover {

    background: #ffffff;

    color: var(--pd-primary-dark);

}