.service__card__provider +top-horizontal-rule(1, 2px) .service__card__image &:hover .service__card__mask opacity: 1 +space(height, 8) +space(margin-bottom, 0.5) position: relative img width: 100% +space(height, 8) .service__card__image--large &:hover .service__card__mask opacity: 1 +space(height, 14) position: relative .service__card__image--large-no-space position: relative .service__card__image__price position: absolute +space(top, 0.5) +space(right, 0.5) background-color: $orange border-radius: $border-radius +space(padding-top, 0.25) +space(padding-bottom, 0.25) +space(padding-left, 0.5) +space(padding-right, 0.5) color: $white .service__card__image__tag @extend .service__card__image__price background-color: $yellow .service__card__mask opacity: 0 background-color: rgba($black, 0.7) position: absolute width: 100% height: 100% color: $white -webkit-transition: opacity 0.11s ease-out -moz-transition: opacity 0.11s ease-out -o-transition: opacity 0.11s ease-out transition: opacity 0.11s ease-out .service__card__mask__content bottom: 0px position: absolute +space(margin-bottom) +space(margin-left) .service__card__title +space(min-height, 2) .service__card__provider__info display: inline-block float: left .service__card__provider__image +space(min-height, 2) +space(margin-right, 0.5) float: left .service__card__provider__name font-weight: bold display: block .service__card__provider__country color: $gray .service__card__content +space(height, 8) overflow: hidden background: $gray-lightest2 +space(padding-top, 2) .service__card__content__title +space(margin-top, 0.5) display: block text-align: center .service__card__content__svg width: 100px +space(height, 3) display: block margin: 0 auto .service__card__container--custom-job display: block +space(min-height, 8) +space(margin-bottom, 0.5) .service__card__text__name +space(max-height, 2) overflow: hidden .service__card__text +space(height, 3) overflow: hidden +space(margin-bottom, 0.5) .service__card__text--no-category +space(height, 2) overflow: hidden +space(margin-bottom, 0.5) .service__card__text--no-category-no-space overflow: hidden +space(margin-bottom, 0.5) .service__card--4 &:nth-child(4n) margin-right: 0 clear: right &:nth-child(4n+1) clear: left