.pressable {
    border-radius: 5px;
    box-shadow: 2px 2px 6px 0 rgba(51, 51, 51, 0.25);
    background-color: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 76px;
    height: 62px;
    cursor: pointer;
}

.pressable.pressed {
    box-shadow: 2px 2px 6px 0 rgba(51, 51, 51, 0.25);
    border: solid 1px #0d4962;
    background-color: #aed8eb;
}

.pressable .label {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: 0.14px;
    text-align: left;
    color: #0d4962;
}
.pressable .icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.pressable .bike {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/bike_blue_BO_v1.png);
}

.pressable .treadmill {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/treadmill_blue_BO_v1.png);
}

.pressable .gojicare {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/gojicare_logo_blue_v1.png);
}

.pressable .gojiplay {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/gojiplay_logo_blue_v1.png);
}

.dark .pressable {
    background-color: #0d4962;
}
.dark .pressable.pressed {
    background-color: #011117;
    border: solid 1px #ffffff;
}
.dark .pressable .label {
    color: rgba(255, 255, 255, 0.87);
}
.dark .pressable .bike {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/bike_white_BO_v1.png);
}

.dark .pressable .treadmill {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/treadmill_white_BO_v1.png);
}

.dark .pressable .gojicare {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/gojicare_logo_white_v1.png);
}

.dark .pressable .gojiplay {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/gojiplay_logo_white_v1.png);
}