.quick-links-sec ul {
    margin: 0;
    padding: 0;
    margin-top: var(--space-24-16);
    position: relative;
    list-style: none;
}

.quick-links-sec ul li {
    position: relative;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-input-border);
}

.quick-links-sec ul li a {
    position: relative;
    font-size: var(--h6);
    font-family: var(--font-udt-400);
    display: inline-block;
    padding-right: 1.5rem;
    color: var(--color-dark);
    text-decoration: none;
    transition: var(--td-3);
}

.quick-links-sec ul li a:hover,
.quick-links-sec ul li a:focus-visible {
    color: var(--color-primary);
}

.quick-links-sec ul li a::after {
    content: "";
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    --arrow-size: 1.5rem;
    opacity: 0;
    width: var(--arrow-size);
    height: var(--arrow-size);
    background-color: var(--color-primary);
    -webkit-mask-image: url('../../../assets/icons/arrow-long-right.svg');
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: var(--td-3);
}

.quick-links-sec ul li a:hover::after,
.quick-links-sec ul li a:focus-visible::after {
    right: -0.75rem;
    opacity: 1;
}

@media (hover: none) {
    .quick-links-sec ul li a::after {
        right: 0.5rem;
        opacity: 1;
    }
}