.cofoundry-sv__mode {
    position: absolute;
    top:5px;
    right: 0;
}

.cofoundry-sv__mode__button {
    @include border-radius(4px);
    border:1px solid $color-secondary-dark;
    float: left;
    margin-right:4px;
    width: 92px;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight:normal;
    vertical-align:top;
    text-align:center;
    text-decoration: none;

    span {
        font-size: 10px;
        font-weight:normal;
        transform: translateY(-50%);
        display: block;
        margin-top: 28px;
        line-height: 14px;
    }

    svg {
        margin: 0 auto;
        max-width:16px;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 2em;
        padding: 8px 0 2px;
    }

    &:last-of-type {
        margin-right:0;
    }

    &:hover,
    &.active,
    &.JS-active {
        background-color: $color-secondary-dark;
        color: #fff;
        cursor: pointer;
        text-decoration: none;
    }
}

.cofoundry-sv__mode__button__group {
    .cofoundry-sv__mode__button {
        margin-right:0;
    }

    .cofoundry-sv__mode__button:first-of-type {
        @include border-radius(4px 0 0 4px);
    }

    .cofoundry-sv__mode__button:last-of-type {
        @include border-radius(0 4px 4px 0);
        margin-right:4px;
    }
}