/*********************************
/* Artist Card Start
*********************************/

.artist__card {
    position: relative;
    display: block;
    
    .card__thumb {
        border-radius: 8px;
        position: relative;
        overflow: hidden;
        
        img {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 8px;
            aspect-ratio: 2.43/2.83;
            transition: var(--transition);
            object-fit: cover;
            object-position: top center;
        }
    }
    .card__content {
        padding: 17px;
        background: rgba(var(--color-black-rgb), 0.6);
        border-radius: 8px;
        width: calc(100% - 14px);
        position: absolute;
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;

        @include respond (tabport) {
            padding: 15px 10px;
        }

        .title {
            font-family: var(--font-roboto);
            font-size: 16px;
            font-weight: var(font-semibold);
            line-height: 25.01px;
            color: var(--color-white);
            display: block;
            transition: var(--transition);
            margin-bottom: 0;

        }
    }
    &:hover {
        .card__thumb {
            img {
                transform: scale(1.05);
            }
        }
    }
}

/*********************************
/* Artist Card End
*********************************/