.notes-list{
 list-style-type: none;
 counter-reset: li 0;
 padding-left: 0;
}
.notes-list li{
 position: relative;
 counter-increment: li;
 padding-left: 2.3rem;
 font-size: .8rem;
}
.notes-list li::before{
 position: absolute;
 left: 0;
 content: "\203B" counter(li);
}

:root{
 --bd-twitter: #000;
 --bd-facebook: #1877f2;
 --bd-line: #07B53B;
 --bd-twitter-rgb: 0,0,0;
 --bd-facebook-rgb: 24,119,242;
 --bd-line-rgb: 7,181,59;
 --bd-twitter-bg: var(--bd-twitter);
 --bd-facebook-bg: var(--bd-facebook);
 --bd-line-bg: var(--bd-line)
}

.btn-twitter {
 --bs-btn-font-weight: 600;
 --bs-btn-color: var(--bs-white);
 --bs-btn-bg: var(--bd-twitter-bg);
 --bs-btn-border-color: var(--bd-twitter-bg);
 --bs-btn-hover-color: var(--bs-white);
 --bs-btn-hover-bg: color-mix(in srgb,var(--bd-twitter),#fff 10%);
 --bs-btn-hover-border-color: color-mix(in srgb,var(--bd-twitter),#fff 10%);
 --bs-btn-focus-shadow-rgb: var(--bd-twitter-rgb);
 --bs-btn-active-color: var(--bs-btn-hover-color);
 --bs-btn-active-bg: color-mix(in srgb,var(--bd-twitter),#fff 20%);
 --bs-btn-active-border-color: color-mix(in srgb,var(--bd-twitter),#fff 20%)
}

.btn-facebook {
 --bs-btn-font-weight: 600;
 --bs-btn-color: var(--bs-white);
 --bs-btn-bg: var(--bd-facebook-bg);
 --bs-btn-border-color: var(--bd-facebook-bg);
 --bs-btn-hover-color: var(--bs-white);
 --bs-btn-hover-bg: color-mix(in srgb,var(--bd-facebook),#fff 10%);
 --bs-btn-hover-border-color: color-mix(in srgb,var(--bd-facebook),#fff 10%);
 --bs-btn-focus-shadow-rgb: var(--bd-facebook-rgb);
 --bs-btn-active-color: var(--bs-btn-hover-color);
 --bs-btn-active-bg: color-mix(in srgb,var(--bd-facebook),#fff 20%);
 --bs-btn-active-border-color: color-mix(in srgb,var(--bd-facebook),#fff 20%)
}

.btn-line {
 --bs-btn-font-weight: 600;
 --bs-btn-color: var(--bs-white);
 --bs-btn-bg: var(--bd-line-bg);
 --bs-btn-border-color: var(--bd-line-bg);
 --bs-btn-hover-color: var(--bs-white);
 --bs-btn-hover-bg: color-mix(in srgb,var(--bd-line),#fff 10%);
 --bs-btn-hover-border-color: color-mix(in srgb,var(--bd-line),#fff 10%);
 --bs-btn-focus-shadow-rgb: var(--bd-line-rgb);
 --bs-btn-active-color: var(--bs-btn-hover-color);
 --bs-btn-active-bg: color-mix(in srgb,var(--bd-line),#fff 20%);
 --bs-btn-active-border-color: color-mix(in srgb,var(--bd-line),#fff 20%)
}

.btn-contact{
 fill: var(--bs-primary);
}
.btn-contact:hover{
 fill: var(--bs-white);
}