// BEM Style: buy-option (Block) .buy_option { width: 100%; height: 400px; padding: 60px 70px; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 100% ), rgba(30, 30, 30, 0.95); overflow: visible; display: flex; justify-content: center; align-items: flex-end; // buy-option__left-section (Element) &__left_section { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-right: 120px; } // buy-option__option-row (Element) &__option_row { align-self: stretch; height: 60px; display: flex; justify-content: flex-start; align-items: center; &:not(:last-child) { margin-bottom: 30px; } } // buy-option__option-label (Element) &__option_label { width: 140px; display: flex; justify-content: flex-start; align-items: center; margin-right: 15px; } // buy-option__label-text (Element) &__label_text { color: #eaeaea; font-size: 25px; font-family: "LG Smart UI"; font-weight: 700; line-height: 35px; word-wrap: break-word; } // buy-option__option-control (Element) &__option_control { flex: 1 1 0; height: 60px; display: flex; justify-content: flex-start; align-items: center; } // buy-option__right-section (Element) &__right_section { flex: 1 1 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } &__price_block { width: 300px; margin-bottom: 30px; } // buy-option__button-section (Element) &__button_section { width: 100%; display: flex; justify-content: flex-end; align-items: center; } // buy-option__buy-button (Element) &__buy_button { width: 180px; height: 60px; padding: 20px 30px; background: #2f2d2d; overflow: hidden; border-radius: 6px; display: flex; justify-content: center; align-items: center; margin-right: 15px; &:focus { background: #d73b69; } } // buy-option__cart-button (Element) &__cart_button { width: 180px; height: 60px; padding: 20px 14px; background: #2f2d2d; overflow: hidden; border-radius: 6px; display: flex; justify-content: center; align-items: center; &:focus { background: #d73b69; } } // buy-option__button-text (Element) &__button_text { color: white; font-size: 22px; font-family: "LG Smart UI"; font-weight: 600; line-height: 35px; text-align: center; } } // BuyOption Toast만 대상으로 하는 구체적인 선택자 .buy_option_toast { bottom: 54%; transform: translateY(50%); overflow: initial; }