.regional-project { background: #EDF9FB; height: 100%; }
.regional-project .ccm-block-feature-link-image { height: 180px; width: 100%; }
.regional-project .ccm-block-feature-link-image img { height: 100%; object-fit: cover; width: 100%; }
.regional-project .ccm-block-feature-link-text { margin-left: 0 !important; padding: 18px 20px 28px; }
.regional-project .ccm-block-feature-link-text h3 { color: #009CAD; }

.regional-project .ccm-block-feature-link-text a { background: #4AC4D6; border-radius: 50px; color: #333; display: inline-block; padding: 5px 24px; position: relative; text-decoration: none; transition: .6s; }
.regional-project .ccm-block-feature-link-text a:before { border: 2px solid #fff; border-width: 2px 2px 0 0; content: ""; height: 11px; opacity: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); transition: .7s; width: 11px; }
.regional-project .ccm-block-feature-link-text a:after { background: #fff; content: ""; height: 2px; opacity: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: .7s; width: 14px; }
.regional-project .ccm-block-feature-link-text a:hover { background: #35a5b6; color: #fff; padding: 5px 37px 5px 11px; text-decoration: none; }
.regional-project .ccm-block-feature-link-text a:hover:before,
.regional-project .ccm-block-feature-link-text a:hover:after { opacity: 1; right: 10px; }

@media screen and (max-width: 1240px) {
    .regional-project .ccm-block-feature-link-text { font-size: .8em; }
}