<div class="r-0">반경 없음</div>
<div class="r-2">반경 4px</div>
<div class="r-4">반경 8px</div>
<div class="r-full">완전히 둥글게</div>

@use 'podo-ui/mixin' as *;

.button {
  border-radius: r(2);  // 4px
}

.card {
  border-radius: r(4);  // 8px
}

.modal {
  border-radius: r(5);  // 12px
}

.avatar {
  border-radius: r(full);  // 완전히 둥글게
  width: 40px;
  height: 40px;
}

.badge {
  border-radius: r(6);  // 20px
  padding: s(2) s(4);
}