.callout-text {
	margin: 40px auto;
	background: var(--wp--preset--color--grey-six);
	border-radius: 10px;
	padding: 30px;

}
.callout-text-overprint {
	font-family: var(--wp--preset--font-family--custom-sans);
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 0 5px;
    border-bottom: 1px solid #1A1A1A;
    display: block;
    width: fit-content;
    margin: 0 0 15px;
}
.callout-text-title {
	font-size: var(--wp--preset--font-size--xxlarge);
	font-weight: 400;
    font-family: var(--wp--preset--font-family--custom-serif);
    margin: 0 0 15px;
    line-height: 1.2;
}
.callout-text .block-callout-button {
    margin: 20px 0 0;
}
/*--------------------------------------------------------------
Style: Card
--------------------------------------------------------------*/
.callout-text.is-style-type-card {
    -webkit-box-shadow: var(--wp--custom--box-shadow--3);
    -moz-box-shadow: var(--wp--custom--box-shadow--3);
    box-shadow: var(--wp--custom--box-shadow--3);
    background: #FAFAFA;
}
/*--------------------------------------------------------------
Style: Define
--------------------------------------------------------------*/
.callout-text.is-style-type-define {
    border: 2px solid #EAEAEA;
    border-left: 10px solid #EAEAEA;
    background: #FFFFFF;
}
/*--------------------------------------------------------------
Style: Notice
--------------------------------------------------------------*/
.callout-text.is-style-type-notice {
    border: 2px solid #EAEAEA;
    background: #FAFAFA;
}
.callout-text.is-style-type-notice .callout-text-header {
    background: #EAEAEA;
    margin: -30px -30px 30px;
    display: block;
    padding: 30px 30px 10px;
}

/*--------------------------------------------------------------
Style: Quote
--------------------------------------------------------------*/
.callout-text.is-style-type-quote {
    margin: 40px auto;
    background: transparent;
    border-radius: 0;
    position: relative;
    padding: 0 0 0 80px;
}
.callout-text.is-style-type-quote:before {
    content: "";
    background: url(../../assets/icons/core/quote.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
}
}

/*--------------------------------------------------------------
Style: Sidenote
--------------------------------------------------------------*/
.callout-text.is-style-type-sidenote {
    border-radius: 0;
    background: #FFFFFF;
    border-left: 10px double #EAEAEA;
    padding: 30px 0 30px 30px;
}
/*--------------------------------------------------------------
Style: Coupon
--------------------------------------------------------------*/
.callout-text.is-style-type-coupon {
  --radius: 8px;
  background-color: #FFFFFF;
  background-image: 
    radial-gradient(
      var(--radius),
      transparent 98%,
      #EAEAEA
    ),
    linear-gradient(#EAEAEA 0 0);
  background-repeat: 
    round, 
    no-repeat;
  background-position:
    calc(var(--radius) * -1.5) calc(var(--radius) * -1.5),
    50%;
  background-size:
    calc(var(--radius) * 3) calc(var(--radius) * 3),
    calc(100% - var(--radius) * 3) calc(100% - var(--radius) * 3);
}


/*--------------------------------------------------------------
Style: Blue
--------------------------------------------------------------*/
.callout-text.is-style-type-blue {
    background: #FFFFFF;
    border: 2px solid #3333CC;
    color: #3333cc;
}
.callout-text.is-style-type-blue .callout-text-overprint {
    border-bottom: 1px solid #3333CC;
    color: #3333CC;
}
.callout-text.is-style-type-blue .callout-text-title {
    color: #3333CC;
}
/*--------------------------------------------------------------
Style: Red
--------------------------------------------------------------*/
.callout-text.is-style-type-red {
    background: #FFFFFF;
    border: 2px solid #CC3333;
    color: #CC3333;
}
.callout-text.is-style-type-red .callout-text-overprint {
    border-bottom: 1px solid #CC3333;
    color: #CC3333;
}
.callout-text.is-style-type-red .callout-text-title {
    color: #CC3333;
}