.hop-sequence-device {

    display: flex;
    justify-content: space-between;
    position: relative;

    width: 425px;

    .device-card {
        height: 88px;
        width: 195px;
        border-radius: 10px;
        background-color: #FFFFFF;
        box-shadow: 1px 1px 10px 0 rgba(0,44,90,0.2);
        padding: 21px;
        
        display: flex;
        align-items: center;

        &.reverse {
            justify-content: flex-end;
        }
    }

    .icon-background {
        background-color: #DDEBF0;
        border-radius: 100%;
        display: inline-block;
        width: 74px;
        height: 74px;
        display: flex;
        align-items: center;
        justify-content: space-around;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}