.data-container {
    background-color: var(--surface-color);
    padding: 7px 15px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.data-container > .header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.data-container > .content > * {
    font-size: 15px;
    margin-top: 1px;
}

@media (min-width: 751px) {
    .data-container:hover {
        transition: transform .1s ease;
        transform: scale(1.075);
    }
}