$blue-bright: #187fbe;
$blue-light: #92dfff;

#content-media-block {
    .content-media-s {
        margin: 32px 0;

        &__flex {
            @include bp($bp-col12) {
                display: block;
            }
            .cm-content {
                background-color: $blue-bright;
                color: $white;
                padding: 32px;
                @include bp($bp-col12) {
                    padding: 64px 32px;
                    margin-bottom: 80px;
                    padding-right: 25%;
                    margin-right: 15%;
                }
                h3 {
                    font-family: $avenir;
                    text-transform: capitalize;
                    position: relative;
                    margin-bottom: 20px;
                    @include bp($bp-col12) {
                        font-size: 26px;
                    }
                    &:after {
                        position: absolute;
                        content: "";
                        bottom: 0;
                        left: 0;
                        width: 50px;
                        height: 4px;
                        background-color: $blue-light;
                    }
                }
            }
            .btn-transparent {
                background-color: transparent;
                border-color: transparent;
                color: $blue-light;
                padding: 0;
                &:hover {
                    background-color: transparent;
                    border-color: transparent;
                    color: $white !important;
                }
            }

            .cm-media {
                @include bp($bp-col12) {
                    position: absolute;
                    top: 10%;
                    left: 60%;
                }
            }
        }
    }
}