:root {
  --gojek-green: #48af4a;
  --gopay-blue: #0bb2ee;
  --gobox-brown: #a1652f;
  --gobox-yellow: #fce500;
}

/* Text */
.text-gojek {
  color: var(--gojek-green);
}

.text-gopay {
  color: var(--gopay-blue);
}

.text-gopay {
  color: var(--gopay-blue);
}

.text-gobox-brown {
  color: var(--gobox-brown);
}

.text-gobox-yellow {
  color: var(--gobox-yellow);
}

.text-white {
  color: #fefefe;
}
/* // Text */

/* Button */
.btn-gojek {
  background-color: var(--gojek-green);
}

.btn-gopay {
  background-color: var(--gopay-blue);
}

.btn-gobox-brown {
  background-color: var(--gobox-brown);
}

.btn-gobox-yellow {
  background-color: var(--gobox-yellow);
}

.btn-white {
  background-color: #fefefe;
}
/* // Button */

/* Border */
.border-gojek {
  border-color: var(--gojek-green);
}

.border-gopay {
  border-color: var(--gopay-blue);
}

.border-gobox-brown {
  border-color: var(--gobox-brown);
}

.border-gobox-yellow {
  border-color: var(--gobox-yellow);
}

.border-white {
  border-color: #fefefe;
}
/* // Border */

/* Background */
.bg-gojek {
  background-color: var(--gojek-green);
}

.bg-gopay {
  background-color: var(--gopay-blue);
}

.bg-gobox-brown {
  background-color: var(--gobox-brown);
}

.bg-gobox-yellow {
  background-color: var(--gobox-yellow);
}
/* // Background */