.design-block.callaction {
    padding: 49px 50px 51px 40px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    cursor: pointer;
}

.design-block.callaction a {
    font-size: 28px !important;
    font-family: "PrimaryFontBold" !important;
    font-weight: 600 !important;
    line-height: 1.36 !important;
    letter-spacing: -0.7px !important;
    color: white !important;
    text-align: left;
}

.design-block.callaction a::before{
    content: url('/Content/Clients/LabelsByYou/img/icons/WhiteArrowRight.svg');
    position: absolute;
    right: 40px;
    top: calc(50% + 3px);    
    transform: translateY(-50%);
}

.design-block.callaction {
    position: relative;
    background-image: linear-gradient(45deg, #d27101, #d1374e, #c11b62) !important;
    z-index: 1;
}

.design-block.callaction::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg, #c11b62, #d1374e, #d27101) !important;
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
}

.design-block.callaction:hover::before {
    opacity: 1;
}