.rounded-button {
    margin: 0;
    height: 100%;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    outline-color: transparent;
    text-decoration: none;
    transition: 
        background-color 0.1s,
        outline-color 0.1s;
}

.rounded-button:hover {
    background-color: var(--highlight-color-low);
    outline: 2px solid;
    outline-color: var(--highlight-color-high);
}

a.rounded-button::after {
    content: " ↗";
}