/* line 1, ../sass/screen.scss */
div.pfp-actions { display: flex; gap: 16px; }
/* line 4, ../sass/screen.scss */
div.pfp-actions .action { flex: 1 1; background-size: cover; background-position: center; border-radius: 50px 10px 10px 10px; overflow: hidden; transition: all .3s; }
/* line 11, ../sass/screen.scss */
div.pfp-actions .action:hover { flex: 1.6 1; }
/* line 13, ../sass/screen.scss */
div.pfp-actions .action:hover .content { max-height: 400px; transition: all .8s; opacity: 1; padding-top: 16px; transform: translateY(0px); }
/* line 20, ../sass/screen.scss */
div.pfp-actions .action:hover .bg-action { background: linear-gradient(180deg, rgba(56, 14, 32, 0) 0%, rgba(103, 28, 61, 0.95) 98.69%); }
/* line 25, ../sass/screen.scss */
div.pfp-actions .bg-action { height: 420px; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px 16px; transition: all .3s; background: linear-gradient(180deg, transparent 43.93%, rgba(0, 0, 0, 0.7) 81.79%); }
/* line 34, ../sass/screen.scss */
div.pfp-actions .content { opacity: 0; max-height: 0; align-items: end; display: flex; gap: 16px; padding-top: 0px; transform: translateY(300px); transition: all .3s; }
/* line 43, ../sass/screen.scss */
div.pfp-actions .content p { color: #fff; font-size: 14px; font-family: "Montserrat", Sans-serif; line-height: 19px; }
/* line 49, ../sass/screen.scss */
div.pfp-actions .content .more { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50px; background: url(../img/arrow.svg) #E52645 no-repeat center; }
/* line 57, ../sass/screen.scss */
div.pfp-actions p { margin: 0; }
/* line 60, ../sass/screen.scss */
div.pfp-actions .title { font-weight: 700; color: #fff; font-size: 18px; line-height: 22px; text-transform: uppercase; font-family: "Montserrat", Sans-serif; }

@media screen and (max-width: 1024px) { /* line 71, ../sass/screen.scss */
  div.pfp-actions { flex-wrap: wrap; }
  /* line 73, ../sass/screen.scss */
  div.pfp-actions .action { flex: 1 1 100%; margin-bottom: 16px; transition: all .3s; }
  /* line 77, ../sass/screen.scss */
  div.pfp-actions .action .bg { height: 300px; }
  /* line 81, ../sass/screen.scss */
  div.pfp-actions .action:hover .bg { height: 450px; } }