.coloured-feature-box{
    position: relative;
    color: #fff;
	padding: 20px;
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: #3071b3;
}
.coloured-feature-box[data-colour="blue"]{    background-color: #5e7bbd;}
.coloured-feature-box[data-colour="green"]{   background-color: #5b9e9c;}
.coloured-feature-box[data-colour="black"]{   background-color: #222;}
.coloured-feature-box[data-colour="fringe pink"]{   background-color: #e8068a;}
.coloured-feature-box[data-colour="disaster orange"]{   background-color: #f5af65;}
.coloured-feature-box[data-colour="teal"]{   background-color: #008789;}
.coloured-feature-box[data-colour="purple"]{   background-color: #66008C;}
.coloured-feature-box[data-colour="Arts Red"]{   background-color: #6b0233;}
.coloured-feature-box[data-colour="corp blue"]{   background-color: #161D5B;}
.coloured-feature-box[data-colour="planning blue"]{   background-color: #afbee1;}
.coloured-feature-box[data-colour="active green"]{   background-color: #005e5d;}

.coloured-feature-box__btn-wrapper{
	width: 33%;
}
.coloured-feature-box__btn{
	color: #000 !important;
	background: #fff;
	display: inline-block;
	border: 2px solid rgba(0, 0, 0, 0.8);
	margin-bottom: 10px;
	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	text-decoration: none;
}
.coloured-feature-box__btn:focus {
    text-decoration: underline;
}
.coloured-feature-box[data-button="right"] .coloured-feature-box__btn-wrapper{
    order: 2;
    width: 31%;
    padding-left: 2%;
}
.coloured-feature-box__btn:hover{
	text-decoration: underline;
}
.coloured-feature-box__heading-wrapper{
	width: 67%;
}
.coloured-feature-box__heading-wrapper *{
	margin: 0 !important;
	color: #fff !important;
}
.coloured-feature-box__heading{
	margin-bottom: 10px !important;
}

@media (max-width: 543px) {
	.coloured-feature-box__btn-wrapper,
	.coloured-feature-box__heading-wrapper {
		width: 100%;
	}
    .coloured-feature-box[data-button="right"] .coloured-feature-box__btn-wrapper{
        order: 1;
        width: 100%;
        padding-left: 0;
    }
}