:root {
    --primary: #21458d;
    --secondary: #e42e2d;
    --tertiary: #ffffff;
    --dashboard: #031841;
}
.cta {
    display: flex;
    padding: 10px 12px;
    text-decoration: none;
    font-family: Poppins,sans-serif;
    font-size: 12px;
    color: #fff;
    background: var(--primary);
    transition: 1s;
    box-shadow: 6px 6px #000;
    transform: skew(-15deg)
}

.cta:hover {
    transition: .5s;
    box-shadow: 10px 10px 0 var(--secondary);
}