.linkcomponent {
    position: relative;
    box-shadow: 0px 0px 0px 1px rgba(239, 232, 218, 0.18);
    background-color: #efe8da;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13.5px 22.8px;
    box-sizing: border-box;
    gap: 10.3px;
    text-align: left;
    font-size: 14.72px;
    color: #080808;
    font-family: var(--font-body-active);
    /* Button Behavior Settings */
    cursor: pointer; /* Changes the mouse cursor to a hand */
    user-select: none; /* Prevents the text from being highlighted on double clicks */
    transition: background-color 0.2s ease, transform 0.1s ease; /* Smooth hover effects */
}

    /* Hover state: dims the background slightly when mousing over */
    .linkcomponent:hover {
        background-color: #e2dac9;
    }

    /* Active state: gives a subtle "pressed down" physical effect when clicked */
    .linkcomponent:active {
        transform: scale(0.99);
    }

    /* Focus state: accessibility ring for keyboard users */
    .linkcomponent:focus-visible {
        outline: 2px solid #080808;
        outline-offset: 2px;
    }

.herocta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.your-racebook- {
    position: relative;
    letter-spacing: 2.36px;
    text-transform: uppercase;
    font-weight:700;
}

.arrow-icon {
    height: 14px;
    width: 14px;
    position: relative;
}