@layer components{.c-image-link{align-items:flex-end;background:linear-gradient(180deg,var(--image-link-background-color-stop-one) 50%,var(--image-link-background-color-stop-two) 93%),var(--background-image) center/cover no-repeat;color:#fff;display:flex;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);height:300px;line-height:1.4;padding:24px 60px 24px 24px;position:relative;transition:--image-link-background-color-stop-two .15s ease}.c-image-link:focus,.c-image-link:hover{--image-link-background-color-stop-two:rgba(37,55,70,.9)}.c-image-link:after{background-color:currentColor;content:"";height:35px;inset:auto 24px 24px auto;-webkit-mask:url(../../../img/icons/external-link.svg) center/contain no-repeat;mask:url(../../../img/icons/external-link.svg) center/contain no-repeat;position:absolute;width:35px}@property --image-link-background-color-stop-one{syntax:"<color>";initial-value:transparent;inherits:true}@property --image-link-background-color-stop-two{syntax:"<color>";initial-value:rgba(37,55,70,.6);inherits:true}}