.kiri{
    background-color: var(--color-background);
    align-content: center;
}
/* Default: berlaku untuk mobile (layar kecil) */
.kanan {
    padding: 2rem;
    align-content: center;
    align-items: center;
}

/* Mulai berlaku dari 768px ke atas (tablet/desktop) */
@media (min-width: 768px) {
    .kanan {
        padding: 6rem;
    }
}
.btn-primary{
    background-color: var(--color-primary);
    color: white;
}
.btn-primary:hover{
    background-color: var(--color-primary-hover);
    color: white;
}

.btn-outline{
    background-color: white;
    color: var(--color-primary);
    border-color: var(--color-primary);
}
.btn-outline:hover{
    background-color: var(--color-primary-hover);
    color: white;
}