.card{ 
    max-width: 1040px;
}

.bodycontainer{
    padding: 64px 0 64px 0;
    gap: 64px;
}

.container{
    display: flex;
    flex-direction: column;
    padding: 32px;
    gap: 32px;
    border-radius: 48px;
    background-color: var(--color-sl-16);
}

.spotify .content{
    display: flex;
    flex-direction: row;
    gap: 32px;
}

#spotify{
    background-color: var(--surface-0);
    width: calc((100% - 32px) / 2 );
    height: fit-content;
}

.spotify .content .desc{
    width: calc((100% - 32px) / 2 );
}

.desc{
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: fit-content;
}

.desc p{
    height: 100%;
}

.ctaWrapper{
    width: 100%;
    display: flex;
    justify-content: end;
}

.details{
    display: flex;
    flex-direction: column;
    gap: 16px;

}