@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap");

* {
    font-family: Rubik;
}

a {
    color: #000;
}

.h2 {
    color: #1e2022;
    font-family: Rubik;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px;
}

.h3 {
    color: #1e2022;
    font-family: Rubik;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    text-transform: uppercase;
}

.link-wilayah {
    color: #222;
    font-family: Rubik;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.2px;
}

.nama-wilayah {
    color: #000;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.kode-wilayah {
    color: #000;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.bg-wilayah:hover {
    background: #28a745;
    background: -webkit-linear-gradient(to right, #28a745, #22e4b3);
    background: linear-gradient(to right, #28a745, #22e4b3);
    color: #fff;
}