.link{
    text-align: center !important;
    font-weight: 400 !important;
    position: relative;
    z-index: 1;
    padding: 10px 30px 13px 30px;
    color: var(--theme-palette-color-1) !important;
    background: var(--cta-Gradient) !important;
    line-height: normal !important;
    display: table;
    transition: 0.15s all linear !important;

    background-size: 200% 200%;
}

.link:hover{
    background: var(--theme-palette-color-5) !important;
    transition: 0.15s all linear !important;
}

.link.readMore{
    padding-right: 50px !important;
    transition: all 0.8s ease !important;
}

.link.readMore:hover{
    background: var(--cta-GradientHover) !important;
    background-position: 100% 50% !important;
}

.link.readMore:after{
    content: "";
    height: 18px;
    width: 18px;
    position: absolute;
    right: 23px;
    top: 55%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMC41MzAzMzQgMC41MzAyNzNMOC41MzAzMyA4LjUzMDI3TDE2LjUzMDMgMC41MzAyNzMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.link-centered{
    margin-left: auto !important;
    margin-right: auto !important;
}