.shop-list {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.shop-list-border {
    --tw-border-opacity: 1;
    border-bottom: 1px;
    border-color: #0051bb;
    border-style: dashed
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f )) {
    .shop-list-border {
        border-color:rgb(0 81 187/var(--tw-border-opacity))
    }
}

.shop-button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #0051bb;
    border-radius: .125rem;
    color: #fff;
    display: flex;
    font-family: Termina Demi,sans-serif;
    font-size: .75rem;
    gap: .5rem;
    line-height: 1rem;
    padding: .5rem .75rem;
    text-transform: uppercase
}

@supports (color: rgb(0 0 0/0)) and (top:var(--f )) {
    .shop-button {
        background-color:rgb(0 81 187/var(--tw-bg-opacity));
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.shop-button-icon {
    fill: #fff;
    width: .75rem
}

@media (min-width: 768px) {
    .shop-button-icon {
        width:1rem
    }
}