.mini-speed-test-container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .mini-speed-test-container {
        margin: 0 25% 0;
    }
}

.mini-speed-test-header {
    display: flex;
    justify-content: center;
}

.mini-speed-test-data-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.mini-speed-test-data-container .quadrant {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 30px;
    text-align: center;
}

.mini-speed-test-data-point {
    color: #C0C4D0;
}

.mini-speed-test-data-point.test-complete {
    color: #151515;
}

.mini-speed-test-speeds-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.mini-speed-test-download-container {
    border-right: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

.mini-speed-test-upload-container {
    border-bottom: 1px solid #F3F3F3;
}

.mini-speed-test-info-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.mini-speed-test-latency-container {
    border-right: 1px solid #F3F3F3;
}

.mini-speed-test-spinner {
    justify-content: center;
}

.mini-speed-test-spinner svg {
    animation: spin 1s linear infinite;
}

.mini-speed-test-message {
    justify-content: center;
}

.mini-speed-test-start-button {
    border: 2px solid #5050B9;
    border-radius: unset;
    color: #5050B9;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color .25s ease-out, color .25s ease-out;
}

.mini-speed-test-start-button:hover {
    background-color: #5050B9;
    color: #FFFFFF;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}