<div class="supt-card-press-release -full-desc" itemscope itemtype="https://schema.org/Article">
<div class="supt-card-press-release__head">
<div class="supt-card-press-release__head-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 175.75 175.75">
<circle cx="87.87" cy="87.87" r="83.62" fill="none" stroke="#f03" stroke-miterlimit="10" stroke-width="5px" />
<g transform="translate(0, 2)">
<path fill="#f03" d="M113.37,95.44c-.25-.78-.88-1.39-1.67-1.62l-13.7-4.03-8.07-11.78c-.46-.68-1.23-1.08-2.06-1.08s-1.59.4-2.06,1.08l-8.07,11.78-13.7,4.03c-.79.23-1.41.84-1.67,1.62-.25.78-.11,1.64.4,2.29l8.71,11.31-.4,14.27c-.02.82.36,1.6,1.03,2.09.67.48,1.53.61,2.3.33l13.46-4.79,13.45,4.79c.76.27,1.65.14,2.3-.33.66-.48,1.05-1.26,1.02-2.08l-.4-14.28,8.71-11.31c.5-.65.65-1.51.4-2.29ZM99.77,106.7c-.35.45-.53,1.02-.52,1.59l.32,11.53-10.86-3.87c-.53-.19-1.14-.19-1.67,0l-10.86,3.87.32-11.52c.02-.57-.17-1.14-.52-1.59l-7.04-9.13,11.06-3.26c.55-.16,1.03-.51,1.35-.98l6.51-9.51,6.51,9.51c.32.47.8.82,1.35.98l11.06,3.26-7.03,9.13Z" />
<path fill="#636466" d="M87.87,146.67c23.84,0,43.23-19.4,43.23-43.23,0-11.54-4.51-22.41-12.71-30.59l-1.22-1.22,22.57-42.55h-5.64l-20.85,39.3-2.13-1.37c-4.9-3.14-10.28-5.22-16-6.19l-3.17-.54,16.47-31.2h-5.64l-14.93,28.27-14.93-28.27h-5.64l16.47,31.2-3.17.54c-5.72.97-11.1,3.06-16,6.19l-2.13,1.36-20.85-39.3h-5.64l22.57,42.56-1.22,1.22c-8.19,8.18-12.71,19.04-12.71,30.58,0,23.84,19.4,43.23,43.24,43.23ZM87.87,65.18c21.09,0,38.25,17.16,38.25,38.25s-17.16,38.25-38.25,38.25-38.25-17.16-38.25-38.25,17.16-38.25,38.25-38.25Z" />
</g>
</svg>
</div>
</div>
<div class="supt-card-press-release__body">
<h3 itemprop="name">Verisure Diversity, Equity, Inclusion and Belonging Policy</h3>
<p itemprop="abstract">This Policy underscores our commitment to creating a respectful and inclusive environment for our colleagues and relevant stakeholders. It establishes principles that promote a diversity-conscious and inclusive experience, essential for our engagement with internal and external stakeholders. We aim to nurture a culture and leadership that champions inclusion and fosters a greater sense of belonging.</p>
</div>
<div class="supt-card-press-release__foot">
<a href="#press-release" class="supt-button-link " download="true" itemprop="url">
<span>
Download the Policy
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 17" fill="none">
<path d="M2 7L7.64645 12.6464C7.84171 12.8417 8.15829 12.8417 8.35355 12.6464L14 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" vector-effect="non-scaling-stroke" />
<path d="M8.02818 0.778183L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" vector-effect="non-scaling-stroke" />
<path d="M15.005 16L1.00501 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
No notes defined.
<div class="supt-card-press-release {{ modifiers|modifiersAttr }}" itemscope itemtype="https://schema.org/Article">
<div class="supt-card-press-release__head">
{% if icon %}
<div class="supt-card-press-release__head-icon">
{% include "02-icons/"~ icon ~"-icon.twig" with { modifiers: icon_modifiers } %}
</div>
{% else %}
{% include "atoms/post-metas/post-metas.twig" with {
"tag": {label: "Press release"},
"date": date
} only %}
{% endif %}
</div>
<div class="supt-card-press-release__body">
<h3 itemprop="name">{{ title }}</h3>
<p itemprop="abstract">{{ description }}</p>
</div>
{% if link %}
<div class="supt-card-press-release__foot">
{% include "atoms/buttons/button-link/button-link.twig" with link|default({})|merge({ attrs: link.attrs|default({})|merge({ itemprop: "url" }) }) only %}
</div>
{% endif %}
</div>
{
"modifiers": [
"full-desc"
],
"icon": "award",
"title": "Verisure Diversity, Equity, Inclusion and Belonging Policy",
"description": "This Policy underscores our commitment to creating a respectful and inclusive environment for our colleagues and relevant stakeholders. It establishes principles that promote a diversity-conscious and inclusive experience, essential for our engagement with internal and external stakeholders. We aim to nurture a culture and leadership that champions inclusion and fosters a greater sense of belonging.",
"link": {
"href": "#press-release",
"text": "Download the Policy",
"attrs": {
"download": "true"
}
}
}
.supt-card-press-release {
@mixin expand-link;
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
border: 1px solid $color-grey-2;
background: transparent;
@mixin clamp padding, $spacing-8, $spacing-12, $breakpoint-xs, $breakpoint-xl;
@mixin clamp gap, $spacing-6, $spacing-8, $breakpoint-xs, $breakpoint-xl;
transition: $transition-fast ease-in-out;
transition-property: background-color, box-shadow, border-color;
&:hover,
&:focus-within {
background: $color-grey-background;
box-shadow:
8px 8px 16px 0px $color-grey-1,
-8px -8px 16px 0px $color-white;
border-color: transparent;
}
&__head {
&-icon {
@mixin clamp --ico-size, 40px, 56px, $breakpoint-xs, $breakpoint-xl;
svg {
width: var(--ico-size);
height: var(--ico-size);
}
}
}
&__body {
display: flex;
flex-direction: column;
gap: $spacing-2;
width: 100%;
flex-grow: 1;
@media (min-width: $breakpoint-md) {
gap: $spacing-3;
}
h2,
h3,
h4 {
@extend %t-h4;
margin: 0;
}
p {
@extend %t-body-s;
color: $color-grey-5;
margin: 0;
}
}
&:not(.-full-desc) {
.supt-card-press-release__body {
p {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
line-clamp: 3;
-webkit-line-clamp: 3;
}
}
}
}