.weather {
    width: 240px;
    height: 24px;
    line-height: 24px;
    display: table;
    margin: 0px;
    padding: 10px;
    font-size: 16px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    background-color: #00000040;
    transform: scale(1);
    transition: backdrop-filter .3s, transform .3s;
}

.weather:hover {
    transform: scale(1.01)
}

.weather:active {
    transform: scale(.98)
}