@use "../common/utils" as *;
@use "../common/mixins" as *;

.heart {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;

    &.is-active {
        .st0-1 {
            fill: rgba(var(--color-primary));
            stroke: rgba(var(--color-primary));
        }
    }

    &--absolute {
        position: absolute;
        top: calc-rem(15px);
        right: calc-rem(15px);
        width: calc-rem(45px);
        height: calc-rem(45px);
    }
}
