//Variáveis

$elevate0: 0px 0px 0px;
$elevate1: 0px 2px 2px rgba(29, 29, 29, 0.08);
$elevate2: 0px 8px 24px rgba(29, 29, 29, 0.08);
$elevate3: 0px 16px 40px rgba(29, 29, 29, 0.08);
$elevate4: 0px 24px 48px rgba(29, 29, 29, 0.12);


//Classes

.ds-shadow-elevate0 {
    box-shadow: $elevate0;
}

.ds-shadow-elevate1 {
    box-shadow: $elevate1;
}

.ds-shadow-elevate2 {
    box-shadow: $elevate2;
}

.ds-shadow-elevate3 {
    box-shadow: $elevate3;
}

.ds-shadow-elevate4 {
    box-shadow: $elevate4;
}