.brands .brand-btn {
    color: #ffffff;
    text-transform: none;
}

.brands .brand-btn:disabled {
    opacity: 0.6;
}

.brands .brand-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.35);
}

.brands .brand-microsoft {
    background-color: #0067b8;
}
.brands .brand-microsoft:hover {
    background-color: #005a9e;
}
.brands .brand-microsoft:active {
    background-color: #004578;
}
.brands .brand-microsoft:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.35);
}

.brands .brand-google {
    background-color: #4285f4;
}
.brands .brand-google:hover {
    background-color: #357ae8;
}
.brands .brand-google:active {
    background-color: #2a65c7;
}
.brands .brand-google:focus-visible {
    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.35);
}

.brands .brand-facebook {
    background-color: #1877f2;
}
.brands .brand-facebook:hover {
    background-color: #1669d6;
}
.brands .brand-facebook:active {
    background-color: #1257b3;
}
.brands .brand-facebook:focus-visible {
    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.35);
}

.divider-with-text {
    display: flex;
    align-items: center;
}

.divider-with-text .divider-line {
    flex: 1 1 auto;
}

.divider-with-text .divider-text {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(0, 0, 0, 0.6);
    text-wrap-mode: nowrap;
}