/*
 Theme Name:   Bricks Child
 Template:     bricks
 Description:  Child theme for Bricks
 Version:      1.0
*/

/* ===========================
   Brand color custom properties
   =========================== */
:root {
  --brand-dark: #131419;
  --brand-red: #ED3247;
  --brand-yellow: #FCD675;
  --brand-light-blue: #66C7BE;
}

/* ===========================
   Shared CTA gradient button
   =========================== */
#brxe-isexwe,
#brxe-qgcvvr {
  background: conic-gradient(
    from 206.63deg at 50% 50%,
    var(--brand-dark) 0deg,
    var(--brand-red) 61.2deg,
    var(--brand-red) 115.2deg,
    var(--brand-yellow) 180deg,
    var(--brand-light-blue) 241.2deg,
    var(--brand-light-blue) 295.2deg,
    var(--brand-dark) 360deg
  );
  box-shadow:
    0px 23px 9px rgba(0, 0, 0, 0.03),
    0px 13px 8px rgba(0, 0, 0, 0.1),
    0px 6px 6px rgba(0, 0, 0, 0.17),
    0px 1px 3px rgba(0, 0, 0, 0.2);
}

#brxe-isexwe.width-auto,
#brxe-qgcvvr.width-auto {
  width: auto;
}

#brxe-isexwe.width-full,
#brxe-qgcvvr.width-full {
  width: 100%;
}