a {
    color: #153f82;
    transition: color 0.25s ease;
    overflow-wrap: break-word
}

a:hover {
    color: currentColor
}

.link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    margin: 5px;
    padding: 5px;
    font-size: 0.9rem;
    text-decoration: none;
    vertical-align: middle;
    transition: background 0.25s ease, color 0.25s ease, opacity 0.25s ease
}

.link span {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1
}

.link[data-flip="true"] {
    flex-direction: row-reverse
}

.link[data-style="button"] {
    max-width: calc(100% - 10px - 10px);
    min-height: 40px;
    margin: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #03a9f4;
    color: #fff
}

.link[data-style="button"]:hover {
    background: #9e9e9e
}