// Padding
$padding-xs: 0.5rem;
$padding-s: 1rem;
$padding-m: 2rem;
$padding-l: 3rem;
$padding-xl: 4rem;


// Border-radius

$radius-s: 0.2rem;
$radius-m: 0.5rem;
$radius-l: 1rem;

// Margin
.margin-tb {
  margin: 1rem 0;
}


.margin-lr {
  margin: 0 1rem;
}

$margin-xs: 0.5rem;
$margin-s: 1.5rem;
$margin-m: 2rem;
$margin-l: 2.5rem;

// Flex

.flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}