:root {
    --yellow-color: 253, 200, 47;
    --green-color: 88, 176, 24;
    --brown-color: 51, 43, 42;
    --orange-color: 242, 131, 0;
}

.bckg-yellow {
    background: rgba(var(--yellow-color), 1);
}

.vcardlanding a {
    color: rgba(var(--brown-color), 1);
    transition: all 0.3s ease-in-out;
}

.vcardlanding a:hover {
    color: rgba(var(--green-color), 1);
    transition: all 0.3s ease-in-out;

}

.vcardlanding .buttons a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--brown-color), 1);
    border-radius: 50%;
    width: 70px; /* Adjust the width and height as needed */
    height: 70px;
    transition: all 0.3s ease-in-out;
    color: #ffff;
}

.vcardlanding .buttons a:hover {
    background-color: rgba(var(--green-color), 1);
    transition: all 0.3s ease-in-out;
}

.vcardlanding .buttons a.inverted {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--green-color), 1)!important;
    border-radius: 50%;
    width: 70px; /* Adjust the width and height as needed */
    height: 70px;
    transition: all 0.3s ease-in-out;
    color: #ffff;
}

.vcardlanding .buttons .inverted:hover {
    background-color: rgba(var(--brown-color), 1)!important;
    transition: all 0.3s ease-in-out;
}

.vcardlanding .buttons a.yellow-background {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--yellow-color), 1)!important;
    border-radius: 50%;
    width: 70px; /* Adjust the width and height as needed */
    height: 70px;
    transition: all 0.3s ease-in-out;
    color: #000;
}

.vcardlanding .buttons a.orange-background {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--orange-color), 1);
    border-radius: 50%;
    width: 70px; /* Adjust the width and height as needed */
    height: 70px;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

.vcardlanding .buttons .orange-background:hover {
    background-color: rgba(var(--brown-color), 1)!important;
    transition: all 0.3s ease-in-out;
}