.ccb-widget {
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-radius: 6px;
    overflow: hidden;
}

.ccb-left {
    width: 55%;
    font-size: 12px;
}

.ccb-cotacoes .ccb-line {
    display:flex;
    justify-content:space-between;
    margin-bottom:4px;
}

.ccb-right {
    width: 42%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.ccb-weather {
    display:flex;
    align-items:center;
}

.ccb-icon {
    width:44px;
    height:44px;
    margin-right:8px;
    position:relative;
}

/* simple shapes filled via icons.css */
.ccb-info { text-align:left; font-size:12px; line-height:1; }
.ccb-city { font-weight:600; font-size:12px; }
.ccb-temp { font-weight:700; font-size:14px; }

@media (max-width:360px) {
    .ccb-widget { transform: scale(0.9); transform-origin: left top; }
}