.contact-icons {
    font-size: 3rem;
    text-align: center;
}

.contact-icons a{
    color: var(--ts-theme-700);
    transition: color 0.25s ease-in-out;
    text-align: center;
}

.contact-icons a:hover {
    color: var(--ts-theme-900);
}

.btn-outline-primary {
    --bs-btn-color: var(--ts-theme-700);
    --bs-btn-border-color: var(--ts-theme-700);
    --bs-btn-hover-bg: var(--ts-theme-700);
    --bs-btn-hover-border-color: var(--ts-theme-700);
    --bs-btn-active-bg: var(--ts-theme-700);
    --bs-btn-active-border-color: var(--ts-theme-700);
    --bs-btn-disabled-color: var(--ts-theme-700);
    --bs-btn-disabled-border-color: var(--ts-theme-700);
}

.or-text::after, .or-text::before {
    content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
    text-decoration:line-through;
    color: var(--ts-theme-400);
}