:root {
    --hotspot-title-background: #ffd207;
    --hotspot-link-background: #ffd207;
    --hotspot-title-text: #fff;
    --hotspot-background: #ffd207;
    --hotspot-text: #fff;
    --hotspot-button-bg: #ffd207;
    --hotspot-button-bg-active: #ffd207;
    --hotspot-button-text: #fff;
    --hotspot-button-text-active: #fff;
    --ui-button-background: #2E2D5F;

}

a.btn-hotspot.link-button {
    color: white;
}

a.hotspot-button-1 {
    --hotspot-link-background: #2B285F;
}
.card.card-1 .card-body {
    --hotspot-link-background: #2B285F70;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-2 {
    --hotspot-link-background: #2B285F;
}
.card.card-2 .card-body {
    --hotspot-link-background: #2B285F70;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-3 {
    --hotspot-link-background: #E95D7A;
}
.card.card-3 .card-body {
    --hotspot-link-background: #E95D7A70;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-4 {
    --hotspot-link-background: #E95D7A;
}
.card.card-4 .card-body {
    --hotspot-link-background: #E95D7A70;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-5 {
    --hotspot-link-background: #648E86;
}
.card.card-5 .card-body {
    --hotspot-link-background: #648E8670;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-6 {
    --hotspot-link-background: #41B0B8;
}
.card.card-6 .card-body {
    --hotspot-link-background: #41B0B870;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-7 {
    --hotspot-link-background: #41B0B8;
}
.card.card-7 .card-body {
    --hotspot-link-background: #41B0B870;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-8 {
    --hotspot-link-background: #EF8100;
}
.card.card-8 .card-body {
    --hotspot-link-background: #EF810070;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-9 {
    --hotspot-link-background: #156737;
}
.card.card-9 .card-body {
    --hotspot-link-background: #15673770;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-10 {
    --hotspot-link-background: #156737;
}
.card.card-10 .card-body {
    --hotspot-link-background: #15673770;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-11 {
    --hotspot-link-background: #8E3731;
}
.card.card-11 .card-body {
    --hotspot-link-background: #8E373170;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-12 {
    --hotspot-link-background: #8E3731;
}
.card.card-12 .card-body {
    --hotspot-link-background: #8E373170;
    background-color: var(--hotspot-link-background);
}

a.hotspot-button-13 {
    --hotspot-link-background: #7D0E63;
}
.card.card-13 .card-body {
    --hotspot-link-background: #7D0E6370;
    background-color: var(--hotspot-link-background);
}

/*
#2B285F 1 & 2
#E95D7A 3
#648E86 4
#41B0B8 5 & 6
#EF8100 7
#156737 8 & 9
#8E3731 10 & 11
#7D0E63 12
#55606A 13
*/

/*
#2B285F 1 & 2
#E95D7A 3 3b(4)
#648E86 5
#41B0B8 6 & 7
#EF8100 8
#156737 9 & 10
#8E3731 11 & 12
#7D0E63 13
*/