cro0w

Once again this forum proves to no be super helpful for me, I've posted many times I never get help and come back to figure it out. For those of you with the same problem that Squarespaces causes when using YouTube Embeds on their site, specifically with loading them on the video library for Squarespace 7.1.
I assume they do this cus they want you to upload your own videos and then have to pay them more, ridiculous! 
Here's all the codes to fix what I needed from my original post. You can clean up anything else. 
/* Recommended Thumbnails */ .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .related-item-link-thumbnail { height: auto; } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item img.related-item-thumbnail { border-radius: 15px; aspect-ratio: 16/9 !important; } /* Hover mode */ .lesson-item .related-item { transition: transform 0.3s ease-out; /* Initial transition for smoother return */ } .lesson-item .related-item:hover { transform: translateY(-10px); transition: transform 0.3s ease-in-out; /* Transition on hover with ease-in-out for smooth effect */ } /* Summary Thumbnails */ .sqs-block-summary-v2 .summary-thumbnail-container img.loaded { border-radius: 15px; aspect-ratio: 16/9; object-fit: cover; } /* Video Library Thumbnails */ .lessons.collection-content-wrapper .grid-image-wrapper { padding-bottom: 56.25%; } .grid-image { border-radius: 15px; } I hope this helps someone else get rid of the black bars on YouTube thumbnails. 

I ended up figuring out a method to get a button to to what I want. Felt kind of dumb once I came up with the solution. 
To be able to get a semi-custom experience when creating digital products  pages and working on the blocks themselves, I found Squarespace's blocks to restrictive so making them from scratch made sense. 

Then I added a code block made my button, inspected my own website and copy pasted my own instructions.

The button has the same functionally tied to the membership/digital products.
<button class="sqs-editable-button join-button sqs-button-element--primary " onclick="UserAccountApi.joinPricingPlan('9cb84188-461b-4602-97a5-42c879f31a37', '9ddb2a9a-9db9-4472-8c0a-f683e030d0c4', '', false, 'MEMBER_AREA_BLOCK', {&quot;pricingPlanId&quot;:&quot;9cb84188-461b-4602-97a5-42c879f31a37&quot;,&quot;alignment&quot;:&quot;left&quot;,&quot;showTitle&quot;:true,&quot;showDescription&quot;:true,&quot;showPrice&quot;:true,&quot;showJoinButton&quot;:true,&quot;showBenefits&quot;:true,&quot;joinButtonText&quot;:&quot;Sign up&quot;,&quot;title&quot;:&quot;Premium Members&quot;,&quot;description&quot;:&quot;Grab your apron and join Linda LIVE every third Sunday of the month at 7:30 pm EST.&quot;,&quot;benefits&quot;:[{&quot;description&quot;:&quot;12 online cooking classes with Linda&quot;},{&quot;description&quot;:&quot;Over 13 hours of video content&quot;},{&quot;description&quot;:&quot;Watch on your computer, phone or TV&quot;},{&quot;description&quot;:&quot;PDF download of all recipes. &quot;},{&quot;description&quot;:&quot;Newsletter with tips, tricks and recipes&quot;}],&quot;pricingOptions&quot;:[{&quot;id&quot;:&quot;9ddb2a9a-9db9-4472-8c0a-f683e030d0c4&quot;,&quot;price&quot;:{&quot;currency&quot;:&quot;CAD&quot;,&quot;value&quot;:&quot;107.00&quot;},&quot;billingPeriod&quot;:{&quot;value&quot;:12,&quot;unit&quot;:&quot;MONTH&quot;},&quot;numBillingCycles&quot;:0}],&quot;pricingType&quot;:&quot;RECURRING&quot;,&quot;isPaywall&quot;:true,&quot;firstPricingOptionId&quot;:&quot;9ddb2a9a-9db9-4472-8c0a-f683e030d0c4&quot;,&quot;firstPricingOptionPriceAmount&quot;:&quot;$107.00&quot;,&quot;firstPricingOptionPriceBillingPeriod&quot;:&quot;Every year&quot;,&quot;hasMultiplePricingOptions&quot;:false,&quot;blockId&quot;:&quot;59e2abecd70b84061f5b&quot;,&quot;estimatedDimensions&quot;:{&quot;estimatedColumnSpanDesktop&quot;:7,&quot;sectionColumnsDesktop&quot;:24,&quot;estimatedColumnSpanMobile&quot;:8,&quot;sectionColumnsMobile&quot;:8},&quot;localizedStrings&quot;:{&quot;pricingOptionToggleMonthly&quot;:{&quot;one&quot;:&quot;Monthly&quot;,&quot;other&quot;:&quot;{0} Months&quot;},&quot;paywallPriceFiniteMonthly&quot;:{&quot;other&quot;:&quot;For {0} months&quot;},&quot;paywallPriceMonthly&quot;:{&quot;one&quot;:&quot;Every month&quot;,&quot;other&quot;:&quot;Every {0} months&quot;},&quot;pricingOptionToggleWeekly&quot;:{&quot;other&quot;:&quot;{0} Weeks&quot;,&quot;one&quot;:&quot;Weekly&quot;},&quot;pricingOptionToggleYearly&quot;:{&quot;one&quot;:&quot;Yearly&quot;},&quot;paywallPriceFiniteWeekly&quot;:{&quot;other&quot;:&quot;For {0} weeks&quot;},&quot;paywallPriceOTP&quot;:&quot;One time&quot;,&quot;joinButtonLabel&quot;:&quot;Join&quot;,&quot;pricingOptionToggleInstallments&quot;:{&quot;other&quot;:&quot;{0} Payments&quot;},&quot;pricingOptionToggleOneTimePayment&quot;:&quot;1 Payment&quot;,&quot;paywallPriceWeekly&quot;:{&quot;one&quot;:&quot;Every week&quot;,&quot;other&quot;:&quot;Every {0} weeks&quot;},&quot;zeroPriceLabel&quot;:&quot;Free&quot;,&quot;paywallPriceYearly&quot;:{&quot;one&quot;:&quot;Every year&quot;}},&quot;featureFlags&quot;:{&quot;useCLDRMoneyFormat&quot;:true}})" data-test="pricing-plan-block-join" id="yui_3_17_2_1_1696276073968_301" tabindex="0"> <div class="sqs-add-to-cart-button-inner" id="yui_3_17_2_1_1696276073968_311"> Sign Up Now </div> </button> Obviously, don't use mine, make sure to inspect your own site to get the right ID.
Hope this helps someone!
Cheers,