@use "system/breakpoints";
@use "system/colors";
@use "system/typography";
@use "system/spacing";

.ods-blockquote {
  @extend %ods-text--size-hotel;
  @extend %ods-padding-vertical-13;
  @extend %ods-padding-horizontal-8;
  @extend %ods-padding-vertical-25-breakpoint-medium;
  @extend %ods-padding-horizontal-19-breakpoint-medium;

  background-color: colors.$beige;

  &__caption {
    @extend %ods-text--size-juliett, %ods-text--size-india-breakpoint-large;
    @extend %ods-text--weight-light;
    @extend %ods-padding-top-4;
    @extend %ods-padding-top-8-breakpoint-medium;

    display: block;
  }
}