import styled from 'styled-components';

const StepWrapper = styled.div`
    position: relative;
    display: flex;
    .stepConnector{
        display: flex;
        flex-direction: column;
        .circle{
            background: #98b9fc;
            width: 36px;
            height: 36px;
            line-height: 36px;
            border-radius: 36px;
            position: relative;
            color: white;
            text-align: center;
        }
        .line{
            border-left: 1px solid #98b9fc;
            margin: 0 auto 0 auto;
            height: 100%;
        }
    }
    .stepContent{
        padding-left: 16px;
        padding-bottom: 16px;
    }
   
`

export { StepWrapper }