.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title h2{
    font-size:48px;
    margin-bottom:15px;
    color:var(--color-dark);
}

.section-title p{
    color:var(--color-text);
}

/* ==========================
   BUTTONS
========================== */


.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 40px;

    border-radius:8px;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:all .3s ease;

    border:none;
	
	text-decoration: none;

}


/* Główny przycisk */

.btn-primary{

    background:var(--color-primary);

    color:var(--color-light);

}


.btn-primary:hover{

    /* transform:translateY(-3px); */

    box-shadow:var(--shadow);

}



/* Jasny przycisk */

.btn-light{

    background:var(--color-light);

    color:var(--color-dark);

}


.btn-light:hover{

    /* transform:translateY(-3px); */

    box-shadow:var(--shadow);

}



/* Przycisk obrys */

.btn-outline{

    border:2px solid var(--color-light);

    color:var(--color-light);

    background:transparent;

}


.btn-outline:hover{

    background:var(--color-light);

    color:var(--color-dark);

}